*{box-sizing:border-box}:root{--bg-color: #020617;--card-bg: rgba(30, 41, 59, .7);--primary: #3b82f6;--primary-hover: #60a5fa;--text-main: #f8fafc;--text-sub: #94a3b8;--border: rgba(255, 255, 255, .1);--success: #10b981;--error: #ef4444}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 50% 0%,#1e293b,#020617);color:var(--text-main);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden;padding:20px}.app-container{width:100%;max-width:440px;position:relative}.card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:28px;padding:40px 32px;box-shadow:0 8px 32px #0000005e;text-align:center;border:1px solid var(--border);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 60%);pointer-events:none;z-index:0}header{position:relative;z-index:1;margin-bottom:40px}h1{font-size:2.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}p{color:var(--text-sub);margin:8px 0 0}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border);border-radius:20px;padding:50px 20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;background:#ffffff05}.dropzone:hover,.dropzone.active{border-color:var(--primary);background:#3b82f614;transform:translateY(-4px) scale(1.01);box-shadow:0 10px 25px -5px #3b82f633}.dropzone .icon{font-size:3rem;margin-bottom:16px}.status{margin-top:20px;position:relative;z-index:1}.loading{color:var(--text-sub);font-style:italic}.spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.password-form input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:#0003;color:#fff;margin-bottom:12px;font-size:1rem;outline:none}.password-form input:focus{border-color:var(--primary)}.primary-btn,button[type=submit]{background:linear-gradient(135deg,var(--primary),#1d4ed8);color:#fff;border:none;padding:14px 28px;border-radius:14px;font-weight:700;cursor:pointer;width:100%;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f64d}.primary-btn:hover,button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;background:linear-gradient(135deg,var(--primary-hover),var(--primary))}.secondary-btn{background:#ffffff08;color:var(--text-sub);border:1px solid var(--border);padding:12px 24px;border-radius:14px;font-weight:600;cursor:pointer;width:100%;margin-top:14px;transition:all .2s}.secondary-btn:hover{background:#ffffff14;color:var(--text-main)}.success .icon{font-size:4rem;margin-bottom:10px}.filename{font-family:monospace;background:#0000004d;padding:4px 8px;border-radius:4px;display:inline-block;margin-bottom:24px}.error-msg{color:var(--error);margin-top:16px}.text-btn{background:none;border:none;color:var(--text-sub);text-decoration:underline;cursor:pointer;margin-top:8px}footer{margin-top:40px;font-size:.85rem;color:var(--text-sub)}footer p{opacity:.6;margin-bottom:12px}.footer-links{margin-top:10px}.github-link{color:var(--text-main);text-decoration:none;background:#ffffff0d;padding:8px 18px;border-radius:100px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border)}.github-link:hover{background:#ffffff1f;transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 15px #3b82f633}.github-link span{font-size:.9rem}