@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050506;--bg-mid:#0a0a0c;--surface:hsla(0,0%,100%,.04);--surface-hover:hsla(0,0%,100%,.07);--border:hsla(0,0%,100%,.07);--border-hover:hsla(0,0%,100%,.14);--text:#ededef;--text-muted:#6b7280;--text-subtle:#3a3a3c;--accent:#5e6ad2;--accent-hover:#6b76dc;--accent-glow:rgba(94,106,210,.2);--accent-glow2:rgba(94,106,210,.06);--success:#30d158;--success-glow:rgba(48,209,88,.15);--error:#ff453a;--error-bg:rgba(255,69,58,.08);--radius:14px;--radius-sm:10px;--blur:20px;--ease:cubic-bezier(0.16,1,0.3,1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#08081a;color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:80px 80px}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:after{background:radial-gradient(ellipse 55% 45% at 10% 100%,rgba(180,30,80,.35) 0,transparent 65%),radial-gradient(ellipse 55% 45% at 90% 100%,rgba(30,60,200,.35) 0,transparent 65%)}@media (prefers-reduced-motion:reduce){body:after{animation:none}}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;z-index:1}.container{width:100%;max-width:440px;gap:12px}.container,header{display:flex;flex-direction:column}header{gap:4px;margin-bottom:12px}.logo{display:inline-flex;gap:9px}.logo,.logo-icon{align-items:center}.logo-icon{width:34px;height:34px;border-radius:10px;background:var(--accent);display:flex;justify-content:center;color:#fff;box-shadow:0 0 16px var(--accent-glow),inset 0 1px 0 hsla(0,0%,100%,.2);flex-shrink:0}.logo-text{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.04em}.logo-domain{font-size:13px;letter-spacing:-.01em;margin-top:2px}.logo-domain,.tagline{font-weight:400;color:var(--text-muted)}.tagline{font-size:12px;margin-left:43px;letter-spacing:.02em;text-transform:uppercase}.dropzone{border:1px solid var(--border);border-radius:var(--radius);padding:52px 28px;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),transform .15s var(--ease);background:var(--surface);text-align:center;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 1px 3px rgba(0,0,0,.4)}.dropzone:hover{border-color:var(--border-hover);background:var(--surface-hover)}.dropzone.dragging{border-color:var(--accent);background:var(--accent-glow2);transform:scale(1.01);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 0 0 3px var(--accent-glow),0 8px 32px rgba(0,0,0,.5)}.dropzone.has-file{cursor:default;padding:18px 20px;border-style:solid;border-color:var(--border)}.dropzone-empty{flex-direction:column;gap:10px}.dropzone-empty,.upload-icon{display:flex;align-items:center}.upload-icon{width:54px;height:54px;border-radius:15px;background:hsla(0,0%,100%,.05);border:1px solid var(--border);justify-content:center;color:var(--text-muted);margin-bottom:6px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}.drop-text{font-size:15px;font-weight:500;color:var(--text);letter-spacing:-.01em}.drop-sub{font-size:13px;color:var(--text-muted);font-weight:400}.file-preview{gap:12px;text-align:left}.file-icon,.file-preview{display:flex;align-items:center}.file-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.05);border:1px solid var(--border);justify-content:center;color:var(--text-muted);flex-shrink:0}.file-info{flex:1 1;min-width:0}.file-name{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.file-size{font-size:12px;color:var(--text-muted);margin-top:2px}.remove-btn{background:none;border:none;color:var(--text-subtle);cursor:pointer;padding:6px;border-radius:6px;transition:color .15s;display:flex;align-items:center}.remove-btn:hover{color:var(--error)}.progress-bar{height:2px;background:var(--border);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#818cf8);border-radius:99px;transition:width .2s var(--ease);box-shadow:0 0 8px var(--accent-glow)}.upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:var(--radius);font-size:15px;font-weight:500;font-family:inherit;cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .15s,opacity .15s;text-decoration:none;border:none;letter-spacing:-.01em;background:var(--accent);color:#fff;box-shadow:0 0 0 0 transparent,0 4px 16px rgba(94,106,210,.3),inset 0 1px 0 hsla(0,0%,100%,.15)}.upload-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 0 0 0 transparent,0 8px 24px rgba(94,106,210,.4),inset 0 1px 0 hsla(0,0%,100%,.15)}.upload-btn:active:not(:disabled){transform:scale(.98) translateY(0);transition-duration:.08s}.upload-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.upload-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.upload-btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}.upload-btn.secondary:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}.upload-btn.download{background:var(--success);box-shadow:0 4px 16px var(--success-glow),inset 0 1px 0 hsla(0,0%,100%,.2);color:#000;font-weight:600}.upload-btn.download:hover{background:#34d960;box-shadow:0 8px 24px rgba(48,209,88,.35),inset 0 1px 0 hsla(0,0%,100%,.2)}.error{font-size:13px;color:var(--error);padding:11px 14px;background:var(--error-bg);border:1px solid rgba(255,69,58,.15);border-radius:var(--radius-sm)}.download-card,.success-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 4px 24px rgba(0,0,0,.4)}.success-icon{width:50px;height:50px;border-radius:50%;background:var(--success-glow);border:1px solid rgba(48,209,88,.2);color:var(--success)}.file-type-icon,.success-icon{display:flex;align-items:center;justify-content:center;margin-bottom:6px}.file-type-icon{width:52px;height:52px;border-radius:15px;background:hsla(0,0%,100%,.05);border:1px solid var(--border);color:var(--text-muted);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}.download-card h1,.success-card h1{font-size:17px;font-weight:600;letter-spacing:-.02em}.dl-meta,.file-meta{font-size:13px;color:var(--text-muted);font-weight:400}.dl-filename{font-size:16px;font-weight:600;word-break:break-all;letter-spacing:-.02em}.link-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}.link-text{flex:1 1;font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.copy-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:8px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;border:1px solid var(--border);background:hsla(0,0%,100%,.04);color:var(--text);white-space:nowrap;transition:border-color .15s,background .15s,transform .1s var(--ease);flex-shrink:0}.copy-btn:hover{border-color:var(--accent);background:var(--accent-glow2);color:var(--accent)}.copy-btn:active{transform:scale(.97)}.copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}