:root{color-scheme:dark;--bg:#08090d;--bg-dot:#16192280;--fg:#f5f6f8;--muted:#8b93a5;--muted-2:#565d6d;--card:#12141c;--border-strong:#262b39;--accent:#7c8aff;--accent-2:#5a67e8;--accent-hover:#8f9bff;--accent-dim:#7c8aff22;--coral:#ff8a5c;--error:#ff6b6b;--error-dim:#ff6b6b1a;--success:#4ade80;--success-dim:#4ade801a;--radius:16px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background-color:var(--bg);background-image:radial-gradient(var(--bg-dot) 1px,transparent 1px),radial-gradient(ellipse 900px 500px at 50% -10%,#2d2560 0,transparent 60%);background-size:22px 22px,100% 100%;color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}main{width:100%;max-width:440px}.brand{display:flex;align-items:center;gap:11px;margin-bottom:32px}.brand-mark{flex-shrink:0;display:block}.brand-name{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--fg)}.card{position:relative;background:var(--card);border:1px solid var(--border-strong);border-radius:var(--radius);padding:32px;box-shadow:0 30px 80px -30px rgba(0,0,0,.7);overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--coral))}h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.subtitle{color:var(--muted);font-size:.9rem;line-height:1.55;margin:0 0 28px}.field-label{display:block;font-size:.76rem;font-weight:700;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.field{margin-bottom:20px}input[type=password]{width:100%;background:#0d0f16;border:1px solid var(--border-strong);color:var(--fg);border-radius:10px;padding:12px 14px;font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}input[type=password]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1.5px dashed var(--border-strong);border-radius:12px;padding:28px 16px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease;background:#0d0f16}.dropzone:hover{transform:translateY(-1px)}.dropzone.dragging,.dropzone:hover{border-color:var(--accent);background:var(--accent-dim)}.dropzone.dragging{border-style:solid}.dropzone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.dropzone-icon{width:40px;height:40px;border-radius:50%;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.dropzone:hover .dropzone-icon{transform:translateY(-2px)}.dropzone-text{font-size:.88rem;color:var(--muted);margin:0}.dropzone-text strong{color:var(--accent);font-weight:600}.dropzone-filename{font-size:.88rem;color:var(--fg);font-weight:600;word-break:break-all;margin:0}.hint{color:var(--muted-2);font-size:.76rem;margin-top:8px}button{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0a0b10;font-weight:700;border:none;border-radius:10px;padding:14px;font-size:.95rem;cursor:pointer;transition:box-shadow .15s ease,transform .1s ease,filter .15s ease;position:relative;overflow:hidden}button:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 8px 24px -8px var(--accent-dim)}button:active:not(:disabled){transform:scale(.99)}button:disabled{opacity:.8;cursor:not-allowed}.progress-track{position:absolute;inset:0;background:hsla(0,0%,100%,.2);transform-origin:left;transition:transform .2s ease}.message{margin-top:16px;padding:11px 13px;border-radius:8px;font-size:.87rem;line-height:1.5}.message.error{color:var(--error);background:var(--error-dim)}.message.success{color:var(--success);background:var(--success-dim)}