@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#07080c;--bg-surface:#0d1117;--bg-card:#12161f;--bg-elevated:#1a2030;--bg-input:#0f1219;--border:hsla(0,0%,100%,.06);--border-hover:hsla(0,0%,100%,.12);--border-focus:rgba(56,189,248,.4);--text-primary:#f0f4f8;--text-secondary:#8b95a5;--text-muted:#5a6577;--accent:#38bdf8;--accent-hover:#5ccdfb;--accent-glow:rgba(56,189,248,.12);--accent-glow-strong:rgba(56,189,248,.25);--success:#22c55e;--success-glow:rgba(34,197,94,.15);--error:#ef4444;--error-glow:rgba(239,68,68,.15);--warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 24px rgba(0,0,0,.4);--shadow-glow:0 0 40px rgba(56,189,248,.08);--transition:200ms cubic-bezier(0.4,0,0.2,1)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(56,189,248,.03) 0,transparent 60%);pointer-events:none;z-index:0}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px 24px;background:rgba(7,8,12,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.header img{height:28px;width:auto;opacity:.9;transition:opacity var(--transition)}.header img:hover{opacity:1}.main{flex:1 1;display:flex;flex-direction:column;align-items:center;padding:60px 24px 80px;position:relative;z-index:1}.hero{text-align:center;margin-bottom:48px;max-width:560px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--accent-glow);border:1px solid rgba(56,189,248,.15);border-radius:100px;font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:24px}.hero h1{font-size:36px;font-weight:800;line-height:1.15;letter-spacing:-.5px;margin-bottom:16px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:16px;color:var(--text-secondary);line-height:1.6}.upload-card{width:100%;max-width:620px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.upload-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--accent) 50%,transparent 100%);opacity:.3}.form-group{margin-bottom:24px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.form-label .required{color:var(--accent);margin-left:2px}.form-input{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;font-family:inherit;transition:all var(--transition);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:hover{border-color:var(--border-hover)}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}textarea.form-input{resize:vertical;min-height:80px}.dropzone{border:2px dashed hsla(0,0%,100%,.08);border-radius:var(--radius-md);padding:48px 24px;text-align:center;cursor:pointer;transition:all var(--transition);background:transparent;position:relative}.dropzone:hover{border-color:rgba(56,189,248,.3);background:var(--accent-glow)}.dropzone.drag-over{border-color:var(--accent);background:var(--accent-glow);box-shadow:inset 0 0 30px var(--accent-glow)}.dropzone-icon{font-size:48px;margin-bottom:16px;display:block;filter:grayscale(.3)}.dropzone h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.dropzone p{font-size:13px;color:var(--text-muted)}.dropzone input[type=file]{display:none}.file-list{margin-top:20px;display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);animation:fileSlideIn .3s ease-out}@keyframes fileSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.file-icon{font-size:20px;flex-shrink:0}.file-info{flex:1 1;min-width:0}.file-name{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:12px;color:var(--text-muted);margin-top:2px}.file-remove{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:6px;font-size:16px;transition:all var(--transition)}.file-remove:hover{background:var(--error-glow);color:var(--error)}.file-progress{width:100%;margin-top:8px}.file-progress-bar{width:100%;height:3px;background:hsla(0,0%,100%,.05);border-radius:2px;overflow:hidden}.file-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#818cf8);border-radius:2px;transition:width .15s ease}.file-progress-fill.complete{background:var(--success)}.file-progress-text{font-size:11px;color:var(--text-muted);margin-top:4px;text-align:right}.overall-progress{margin-top:28px;padding:20px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.overall-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.overall-progress-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.overall-progress-percent{font-size:14px;font-weight:700;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.overall-bar{width:100%;height:6px;background:hsla(0,0%,100%,.05);border-radius:3px;overflow:hidden}.overall-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#818cf8,var(--accent));background-size:200% 100%;border-radius:3px;transition:width .2s ease;animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0 0}50%{background-position:100% 0}}.overall-bar-fill.complete{background:var(--success);animation:none}.overall-status{font-size:12px;color:var(--text-muted);margin-top:8px}.submit-btn{width:100%;padding:16px 24px;margin-top:28px;background:linear-gradient(135deg,var(--accent) 0,#818cf8 100%);color:#fff;font-size:15px;font-weight:700;font-family:inherit;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden;letter-spacing:.3px}.submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),transparent 50%);opacity:0;transition:opacity var(--transition)}.submit-btn:hover:not(:disabled):before{opacity:1}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px rgba(56,189,248,.25)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.success-screen{text-align:center;padding:20px 0;animation:successFadeIn .6s ease-out}@keyframes successFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.success-icon{font-size:72px;margin-bottom:24px;display:block;animation:successPop .5s ease-out .2s both}@keyframes successPop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.success-screen h2{font-size:28px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,var(--success) 0,#4ade80 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.success-screen p{font-size:15px;color:var(--text-secondary);line-height:1.6;max-width:420px;margin:0 auto}.success-details{margin-top:32px;padding:20px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left}.success-details h4{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.success-file-list{list-style:none;display:flex;flex-direction:column;gap:6px}.success-file-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.success-file-list li:before{content:"✓";color:var(--success);font-weight:700}.new-upload-btn{display:inline-flex;align-items:center;gap:8px;margin-top:32px;padding:12px 24px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition)}.new-upload-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.error-msg{margin-top:16px;padding:14px 16px;background:var(--error-glow);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);font-size:13px;color:#fca5a5;display:flex;align-items:center;gap:8px}.footer{padding:24px;text-align:center;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);position:relative;z-index:1}.footer a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.footer a:hover{color:var(--accent)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:640px){.main{padding:40px 16px 60px}.hero h1{font-size:28px}.upload-card{padding:24px}.dropzone{padding:32px 16px}}