@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&display=swap";:root{--bg-color:#fcfcfc;--primary-color:#b5c7d3;--secondary-color:#d8e2dc;--accent-color:#ffcad4;--text-color:#5d6d7e;--text-light:#8fa0b3;--card-bg:#fff;--border-radius:16px;--shadow-sm:0 4px 15px #b5c7d326;--shadow-md:0 10px 30px #b5c7d333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%, hsla(253,16%,7deg,0) 0, transparent 50%), radial-gradient(at 50% 0%, var(--secondary-color) 0, transparent 50%), radial-gradient(at 100% 0%, var(--accent-color) 0, transparent 50%);color:var(--text-color);background-size:100% 100%;background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex}.container{flex-direction:column;flex-grow:1;justify-content:center;width:100%;max-width:800px;margin:0 auto;padding:3rem 1.5rem;display:flex}header{text-align:center;margin-bottom:3rem}h1{color:var(--text-color);margin-bottom:.5rem;font-size:2.5rem;font-weight:600}p.subtitle{color:var(--text-light);font-size:1.1rem}.glass-card{-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--shadow-md);text-align:center;background:#ffffffb3;border:1px solid #ffffff80;padding:2.5rem}.dropzone{border:2px dashed var(--primary-color);border-radius:var(--border-radius);cursor:pointer;background:#ffffff80;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;transition:all .3s;display:flex}.dropzone:hover,.dropzone.active{border-color:var(--accent-color);box-shadow:var(--shadow-sm);background:#ffffffe6;transform:translateY(-2px)}.icon-container{background:var(--secondary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1rem;transition:transform .3s;display:flex}.dropzone:hover .icon-container{background:var(--accent-color);transform:scale(1.1)}.btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:30px;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:500;transition:all .3s;display:inline-flex;box-shadow:0 4px 10px #b5c7d366}.btn:hover{background:#a4b8c6;transform:translateY(-2px);box-shadow:0 6px 15px #b5c7d380}.btn:disabled{color:#aebacd;cursor:not-allowed;box-shadow:none;background:#e0e6ed;transform:none}.progress-container{flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;display:flex}.spinner{color:var(--accent-color);animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-container{border-radius:var(--border-radius);border:1px solid var(--secondary-color);background:#d8e2dc4d;margin-top:2rem;padding:2rem}.success-container h3{color:#6d9782;margin-bottom:.5rem}.file-info{color:var(--text-light);justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;font-size:.95rem;display:flex}