:root{--bg:#0b0d10;--panel:rgba(255,255,255,.06);--panel-border:rgba(255,255,255,.12);--panel-highlight:rgba(255,255,255,.18);--text:#e5e7eb;--muted:#9aa3ae;--accent:#8b5cf6;--accent-2:#06b6d4}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-montserrat),ui-sans-serif,system-ui,Segoe UI,Roboto,Arial,sans-serif;margin:0}.page{min-height:100vh;position:relative;overflow-x:hidden}.bg{z-index:-2;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.bg__layer{filter:blur(70px);opacity:.55;mix-blend-mode:screen;background:radial-gradient(40% 40% at 30% 30%,rgba(139,92,246,.55),transparent 60%),radial-gradient(35% 35% at 70% 60%,rgba(6,182,212,.5),transparent 60%),radial-gradient(30% 30% at 50% 80%,rgba(236,72,153,.4),transparent 60%);width:120%;height:120%;animation:22s ease-in-out infinite float;position:absolute;transform:translate(-10%,-10%)}.bg__layer--2{opacity:.4;animation-duration:28s;animation-direction:reverse}@keyframes float{0%,to{transform:translate(-12%,-10%)rotate(0)scale(1.05)}50%{transform:translate(-5%,-6%)rotate(8deg)scale(1.12)}}.bg__noise{pointer-events:none;opacity:.06;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.hero{padding:max(48px,min(6vw,96px)) 20px 24px}.hero__inner{text-align:center;max-width:1100px;margin:0 auto}.hero__title{letter-spacing:-.02em;text-shadow:0 2px 24px rgba(0,0,0,.4);margin:0 0 8px;font-size:max(28px,min(4.8vw,64px));line-height:1.05}.accent{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--muted);max-width:780px;margin:0 auto 22px;font-size:max(14px,min(1.8vw,18px))}.glass{border:1px solid var(--panel-border);box-shadow:inset 0 1px 0 var(--panel-highlight),0 8px 28px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(16px);background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:16px}.hero__panel{text-align:left;max-width:900px;margin:24px auto 10px}.panel__header{border-bottom:1px solid var(--panel-border);background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,.02));border-top-left-radius:16px;border-top-right-radius:16px;align-items:center;gap:8px;height:38px;padding:0 12px;display:flex}.dot{opacity:.9;border-radius:50%;width:10px;height:10px}.dot--red{background:#f87171}.dot--yellow{background:#fbbf24}.dot--green{background:#34d399}.panel__body{gap:14px;padding:16px;display:grid}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-dropzone{text-align:center;cursor:pointer;background:rgba(0,0,0,.25);border:1px dashed rgba(255,255,255,.18);border-radius:12px;outline:none;place-items:center;min-height:220px;padding:20px;transition:background .2s,border-color .2s,box-shadow .2s;display:grid;position:relative}.upload-dropzone.is-disabled{cursor:not-allowed;opacity:.7}.upload-dropzone:hover{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.upload-dropzone:focus-visible{background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.upload-dropzone:focus-visible{box-shadow:0 0 0 3px rgba(34,211,238,.25),inset 0 0 0 1px rgba(255,255,255,.05)}.upload-dropzone.is-dragging{background:rgba(139,92,246,.18);border-color:rgba(139,92,246,.45);box-shadow:0 0 0 2px rgba(139,92,246,.25)}.upload-dropzone.has-file{text-align:left;justify-items:start}.dropzone__content{gap:6px;display:grid}.dropzone__title{letter-spacing:.2px;font-size:16px;font-weight:600}.dropzone__hint{color:rgba(229,231,235,.7);font-size:13px}.file-tile{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex;box-shadow:inset 0 1px rgba(255,255,255,.1)}.file-info{align-items:center;gap:12px;min-width:0;display:flex}.file-icon{font-size:28px}.file-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.file-name{word-break:break-word;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-weight:600;overflow:hidden}.file-size{color:rgba(229,231,235,.6);font-size:12px}.file-remove{color:#f87171;cursor:pointer;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.35);border-radius:999px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:20px;font-weight:600;line-height:1;transition:background .2s,color .2s,border-color .2s;display:grid}.file-remove:hover{color:#fca5a5;background:rgba(248,113,113,.2);border-color:rgba(248,113,113,.6);outline:none}.file-remove:focus-visible{color:#fca5a5;background:rgba(248,113,113,.2);border-color:rgba(248,113,113,.6);outline:none}.file-remove:focus-visible{box-shadow:0 0 0 3px rgba(248,113,113,.25)}.form-error{color:#fecaca;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.35);border-radius:10px;margin:0;padding:10px 14px;font-size:13px}.form-info{color:#bbf7d0;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4);border-radius:10px;margin:0;padding:10px 14px;font-size:13px}.hero__meta{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.pill{color:var(--muted);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:6px 10px;font-size:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;letter-spacing:.2px;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:600;transition:transform 80ms,box-shadow .2s,background .2s;display:inline-flex;position:relative}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{color:#0a0a0a;background:linear-gradient(90deg,#a78bfa,#22d3ee);box-shadow:0 8px 22px rgba(34,211,238,.25)}.btn--primary.btn--pay-highlight{color:#1f2937;background:linear-gradient(120deg,#fde68a,#fcd34d 45%,#f97316 120%);animation:2.4s ease-in-out infinite payButtonGlow;box-shadow:0 10px 28px rgba(251,191,36,.35)}.btn--primary.btn--pay-highlight:disabled{animation:none;box-shadow:0 6px 18px rgba(34,211,238,.25)}.btn--primary.btn--pay-highlight:after{content:"";border-radius:inherit;filter:blur(.5px);opacity:.8;pointer-events:none;border:2px solid rgba(253,230,138,.7);animation:2.4s ease-in-out infinite payButtonBorderPulse;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.btn--primary.btn--pay-highlight:disabled:after{opacity:.4;animation-duration:3.4s}.btn--primary:hover:not(:disabled){transform:translateY(-1px)}.btn--primary.btn--pay-highlight:hover:not(:disabled){box-shadow:0 14px 32px rgba(251,191,36,.45)}.btn--secondary{color:var(--text);border:1px solid var(--panel-border);background:linear-gradient(rgba(255,255,255,.09),rgba(255,255,255,.03))}.payment-disclaimer{color:var(--muted);text-align:center;margin:8px 0 0;font-size:12px;line-height:1.5}.payment-disclaimer a{color:inherit;text-decoration:underline}@keyframes payButtonGlow{0%,to{filter:brightness();transform:translateY(0)}50%{filter:brightness(1.1)}}@keyframes payButtonBorderPulse{0%,to{opacity:.7;box-shadow:0 0 12px rgba(253,230,138,.35)}50%{opacity:1;box-shadow:0 0 22px rgba(249,115,22,.45)}}.status-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:14px;gap:8px;padding:16px;display:grid;box-shadow:inset 0 1px rgba(255,255,255,.1)}.status-card__header{align-items:center;gap:10px;font-weight:600;display:flex}.status-card__body{color:rgba(229,231,235,.75);margin:0;font-size:14px;line-height:1.5}.status-card__hint{color:rgba(229,231,235,.6);font-size:12px}.status-card--ready{align-items:start;gap:12px}.status-card--success{color:#bbf7d0;background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.35)}.status-card--error{color:#fecaca;background:rgba(248,113,113,.16);border-color:rgba(248,113,113,.35)}.report-actions{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:16px 0;display:flex}.report-actions .btn{width:auto}@media (max-width:640px){.report-actions{flex-direction:column;align-items:stretch}.report-actions .btn{justify-content:center;width:100%}}.spinner{border:2px solid rgba(255,255,255,.25);border-top-color:rgba(255,255,255,.85);border-radius:999px;width:18px;height:18px;animation:.9s linear infinite spin}.spinner--inline{border-width:2px;border-color:rgba(15,23,42,.6) rgba(15,23,42,.18) rgba(15,23,42,.18);width:16px;height:16px}.btn--primary.btn--pay-highlight .spinner--inline{border-color:rgba(15,23,42,.65) rgba(15,23,42,.22) rgba(15,23,42,.22)}.btn--secondary .spinner--inline{border-color:rgba(255,255,255,.8) rgba(255,255,255,.25) rgba(255,255,255,.25)}@keyframes spin{to{transform:rotate(360deg)}}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1100px;margin:28px auto 0;padding:0 20px 40px;display:grid}.card{border-radius:16px;padding:18px;transition:transform .12s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.35)}.card h3{letter-spacing:-.01em;margin:0 0 6px}.card p{color:var(--muted);margin:0}.cta{margin:0 0 60px;padding:20px}.cta__box{text-align:center;max-width:900px;margin:0 auto;padding:22px}.cta__box h3{margin:0 0 6px}.cta__box p{color:var(--muted);margin:0 0 12px}@media (prefers-reduced-motion:reduce){.bg__layer,.placeholder-line{animation:none}}
