:root{--bg: #050508;--bg-elevated: #0c0d14;--text: #f5f7ff;--dim: #a8b0c8;--pink: #ff2bd6;--cyan: #2de2ff;--violet: #7b5cff;--ok: #3dff9a;--err: #ff4d6d;--border: rgba(255, 255, 255, .12);--grad: linear-gradient(90deg, var(--pink), var(--violet), var(--cyan));--font-display: "Inter", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.45;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100dvh;background:radial-gradient(ellipse 70% 45% at 15% 0%,rgba(255,43,214,.22),transparent 55%),radial-gradient(ellipse 65% 40% at 90% 10%,rgba(45,226,255,.18),transparent 50%),radial-gradient(ellipse 50% 35% at 50% 100%,rgba(123,92,255,.12),transparent 60%),var(--bg);animation:ambience 12s ease-in-out infinite alternate}@keyframes ambience{0%{filter:saturate(1)}to{filter:saturate(1.15)}}.app{max-width:440px;margin:0 auto;padding:1.4rem 1.1rem 2.5rem}.hero{text-align:center;margin-bottom:1.15rem}.logo{width:min(100%,340px);height:auto;display:block;margin:0 auto .55rem;background:transparent;filter:drop-shadow(0 0 18px rgba(255,43,214,.35)) drop-shadow(0 0 28px rgba(45,226,255,.22));animation:logo-glow 4.5s ease-in-out infinite alternate}@keyframes logo-glow{0%{filter:drop-shadow(0 0 14px rgba(255,43,214,.28)) drop-shadow(0 0 22px rgba(45,226,255,.16))}to{filter:drop-shadow(0 0 26px rgba(255,43,214,.45)) drop-shadow(0 0 36px rgba(45,226,255,.3))}}.brand-line{width:min(220px,70%);height:2px;margin:0 auto .9rem;border-radius:99px;background:var(--grad);position:relative}.brand-line:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 10px var(--cyan),0 0 16px var(--pink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sub{margin:0;color:var(--dim);font-size:.95rem;line-height:1.5}.panel{margin-top:1rem;padding:1.05rem 1.05rem 1.15rem;border-radius:18px;background:linear-gradient(180deg,#121420eb,#080910f5);box-shadow:0 0 0 1px #ffffff0f inset,0 12px 40px #00000073;position:relative}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;padding:1px;background:linear-gradient(135deg,#ff2bd68c,#7b5cff40,#2de2ff8c);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.guidelines h2{margin:0 0 .55rem;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.guidelines ul,.guidelines ol{margin:0;padding-left:1.15rem;color:var(--dim);font-size:.9rem;line-height:1.5}.guidelines li{margin:.4rem 0}label{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:.95rem 0 .35rem}label:first-of-type{margin-top:0}.login h2{margin:0 0 .55rem;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.login-session{display:flex;flex-direction:column;gap:.75rem}.login-user{margin:0;color:var(--dim)}.login-user strong{color:var(--text)}.quota{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-radius:14px;background:#2de2ff14;box-shadow:0 0 0 1px #2de2ff33 inset}.quota.empty{background:#ff4d6d1a;box-shadow:0 0 0 1px #ff4d6d59 inset}.quota-label{color:var(--dim);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.quota-count{font-size:1.35rem;color:var(--cyan)}.quota.empty .quota-count{color:#ffc2cd}.login-note{margin:0;color:var(--dim);font-size:.88rem}input[type=text],input[type=email],input[type=password],.file-box{width:100%;padding:.75rem .85rem;border-radius:12px;border:1px solid var(--border);background:#00000073;color:var(--text);font-size:1rem;font-family:var(--font-body);outline:none;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:#2de2ff8c;box-shadow:0 0 0 3px #2de2ff1f,0 0 18px #ff2bd61f}.file-box{display:flex;flex-direction:column;gap:.35rem;cursor:pointer}.file-box input{font-size:.9rem;color:var(--dim)}.file-name{font-size:.85rem;color:var(--cyan);word-break:break-all}button.primary{width:100%;margin-top:1.25rem;padding:.95rem 1rem;border:0;border-radius:14px;background:var(--grad);background-size:180% 100%;color:#050508;font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 24px #ff2bd647,0 0 28px #2de2ff2e;animation:btn-shift 5s ease-in-out infinite alternate;transition:transform .15s ease,filter .15s ease}@keyframes btn-shift{0%{background-position:0% 50%}to{background-position:100% 50%}}button.primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}button.primary:disabled{opacity:.55;cursor:not-allowed;transform:none}button.ghost{width:100%;margin-top:.65rem;padding:.7rem;border-radius:12px;border:1px solid var(--border);background:transparent;color:var(--dim);font-size:.9rem;cursor:pointer;font-family:var(--font-body)}.progress{margin-top:1rem;height:8px;background:#ffffff14;border-radius:99px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--grad);transition:width .35s ease;box-shadow:0 0 12px #2de2ff8c}.status{margin-top:.85rem;padding:.8rem;border-radius:12px;border:1px solid var(--border);background:#2de2ff0f;font-size:.88rem;font-family:var(--font-body);white-space:pre-wrap;word-break:break-word;color:var(--dim)}.status.ok{border-color:#3dff9a73;color:#b8ffd8;background:#3dff9a14}.status.err{border-color:#ff4d6d80;color:#ffc2cd;background:#ff4d6d1a}.downloads{display:flex;flex-direction:column;gap:.55rem;margin-top:.9rem}.downloads a{display:block;text-align:center;padding:.75rem 1rem;border-radius:12px;background:linear-gradient(90deg,#3dff9a,#2de2ff);color:#050508;text-decoration:none;font-weight:600;font-family:var(--font-body)}.meta{margin-top:1rem;font-size:.75rem;color:var(--dim);text-align:center;font-family:var(--font-body)}.meta a{color:var(--cyan)}