@keyframes stats-glow{0%{transform:translate(-8px)scale(.96)}to{transform:translate(12px,12px)scale(1.06)}}@keyframes metric-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes quota-in{0%{transform:scaleX(0)}to{transform:scaleX(var(--quota,0))}}.app-legacy{& :root{color-scheme:dark;--bg:#000;--surface:#101217;--surface2:#171a20;--line:#282c35;--text:#f3f5f7;--muted:#9ba2ad;--orange:#f08a24;--gold:#f2c14e;--green:#10b981}& *{box-sizing:border-box}& body{background:radial-gradient(ellipse at 50% -25%,#31200d 0,transparent 47%),var(--bg);min-height:100vh;color:var(--text);margin:0;font:15px/1.6 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}& .top{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:68px;padding:0 max(22px,50vw - 540px);display:flex}& .brand{color:var(--text);letter-spacing:.13em;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}& .brand img{object-fit:contain;width:30px;height:30px}& .brand span{color:var(--gold);font-weight:600}& .nav{align-items:center;gap:20px;display:flex}& .nav a{color:var(--muted);font-size:13px;text-decoration:none}& .nav a:hover,& .nav .current{color:var(--gold)}& main{max-width:1000px;margin:0 auto;padding:64px 24px 72px}& .eyebrow{color:var(--orange);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}& .hero{margin-bottom:56px}& .hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,7vw,64px);line-height:1.04}& .hero p:last-child{color:var(--muted);max-width:650px;margin:16px 0 0;font-size:17px}& .section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}& .section-head h2{letter-spacing:-.035em;margin:0;font-size:25px}& .tag{border:1px solid var(--line);color:#c7ccd4;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:11px}& .tag.live:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}& .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}& .tile,& .panel{border:1px solid var(--line);background:linear-gradient(145deg,var(--surface2),var(--surface));border-radius:14px;box-shadow:0 14px 36px #0005}& .tile{flex-direction:column;justify-content:center;gap:8px;min-height:142px;padding:17px;display:flex}& .tile .label{color:var(--muted);font-size:12px}& .tile strong{letter-spacing:-.04em;font-size:23px;line-height:1.15}& .tile small{color:var(--muted);font-size:12px}& .note{color:#777f8b;margin:11px 2px 0;font-size:12px}& .account{margin-top:54px}& .gate h3,& .account-title{margin:0 0 8px;font-size:19px}& .gate p{color:var(--muted);max-width:650px;margin:0 0 18px}& .actions{flex-wrap:wrap;gap:10px;display:flex}& .button{background:linear-gradient(135deg,#ffa447,var(--orange));color:#17130a;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 15px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}& .button.secondary{background:var(--surface2);border-color:var(--line);color:var(--text)}& .button:hover{filter:brightness(1.08)}& .signed{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}& .signed-email{color:var(--muted);overflow-wrap:anywhere;font-size:13px}& .account-grid{grid-template-columns:repeat(3,minmax(0,1fr))}& .account-grid .tile{min-height:120px}& .status{min-height:20px;color:var(--muted);margin:14px 0 0;font-size:13px}& .footer{color:#777f8b;border-top:1px solid #ffffff14;justify-content:space-between;gap:16px;max-width:1000px;margin:0 auto;padding:20px 24px 30px;font-size:12px;display:flex}& .footer a{color:var(--gold);text-decoration:none}& [hidden]{display:none!important}@media (width<=700px){& main{padding-top:48px}& .grid{grid-template-columns:repeat(2,minmax(0,1fr))}& .section-head{flex-direction:column;align-items:start}& .account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=440px){& .top{padding:0 16px}& .nav{gap:12px}& .nav a{font-size:12px}& main{padding-left:16px;padding-right:16px}& .tile{min-height:126px;padding:14px}& .tile strong{font-size:20px}& .panel{padding:18px}& .account-grid{grid-template-columns:1fr 1fr}& .footer{flex-direction:column;padding-left:16px;padding-right:16px}}& html{scroll-behavior:smooth}& .top{z-index:10;backdrop-filter:blur(18px);background:#050608c7;position:sticky;top:0}& .brand,& .nav a,& .footer a,& .button{transition:color .16s,border-color .16s,background .16s,transform .16s,box-shadow .16s}& .nav a{border:1px solid #0000;border-radius:999px;padding:7px 10px}& .nav a:hover,& .nav .current{color:var(--gold);background:#f2c14e0b;border-color:#f2c14e30}& main{width:min(100%,1080px)}& .hero{isolation:isolate;background:linear-gradient(145deg,#14151a99,#08090dcc);border:1px solid #ffffff12;border-radius:26px;margin:0 0 58px;padding:clamp(28px,5vw,50px);position:relative;overflow:hidden;box-shadow:0 24px 70px #0006,inset 0 1px #ffffff09}& .hero:before,& .hero:after{z-index:-1;content:"";pointer-events:none;filter:blur(75px);opacity:.42;border-radius:50%;width:min(54vw,540px);height:420px;animation:12s ease-in-out infinite alternate stats-glow;position:absolute}& .hero:before{background:radial-gradient(circle,#f08a244d,#0000 68%);top:-220px;left:8%}& .hero:after{background:radial-gradient(circle,#f2c14e24,#0000 68%);animation-delay:-6s;top:-250px;right:4%}& .hero>*{position:relative}& .hero h1{color:#0000;background:linear-gradient(110deg,#fff 15%,#ffd8ae 58%,#f08a24);-webkit-background-clip:text;background-clip:text;width:fit-content;max-width:100%}& .hero p:last-child{margin-inline:auto}& .section{margin-top:46px}& .section-head{align-items:center}& .section-head h2{font-size:clamp(23px,3vw,30px)}& .tile,& .panel{isolation:isolate;background:linear-gradient(145deg,#171a20ed,#0d0f14f5);border-color:#ffffff17;border-radius:18px;transition:transform .18s,border-color .18s,box-shadow .18s;animation:.42s cubic-bezier(.16,1,.3,1) both metric-in;position:relative;overflow:hidden;box-shadow:0 16px 40px #0005,inset 0 1px #ffffff08}& .tile:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff30,#0000);height:1px;position:absolute;top:0;left:14%;right:14%}& .tile:after{z-index:0;content:"";border-radius:inherit;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%), #f08a242b, transparent 62%);opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;inset:0}& .tile:hover,& .tile:focus-within{border-color:#f08a2466;transform:translateY(-3px);box-shadow:0 22px 48px #0007,inset 0 1px #ffffff0c}& .tile:hover:after,& .tile:focus-within:after{opacity:1}& .tile>*{z-index:1;position:relative}& .tile strong{color:#f5f4f1;font-variant-numeric:tabular-nums;font-size:clamp(21px,2.8vw,27px)}& .tile .label{color:#c5c8d0;letter-spacing:.015em}& .tag{background:#ffffff06}& .panel{padding:clamp(20px,3vw,28px)}& .button{border-radius:11px;min-height:44px}& .button:hover{transform:translateY(-1px);box-shadow:0 8px 22px #f08a2424}& .button.secondary:hover{box-shadow:none;background:#f2c14e10;border-color:#f2c14e66}& :focus-visible{outline-offset:3px;outline:2px solid #f2c14e}& .quota-meter{background:#ffffff0c;border:1px solid #ffffff13;border-radius:999px;height:8px;margin-top:7px;overflow:hidden}& .quota-meter-fill{width:100%;height:100%;transform:scaleX(var(--quota,0));transform-origin:0;border-radius:inherit;background:linear-gradient(90deg,#f08a24,#f2c14e);animation:.85s cubic-bezier(.16,1,.3,1) both quota-in;display:block;box-shadow:0 0 18px #f08a2466}& .quota-remaining{color:#c3c7ce!important}& .signed>div:first-child{min-width:0}& .signed-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}& .footer{border-color:#ffffff19}@media (width<=700px){& .hero{border-radius:21px;margin-bottom:42px}& .tile:hover,& .tile:focus-within{transform:none}}@media (width<=520px){& .signed{flex-direction:column;align-items:flex-start}& .signed-actions{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){& html{scroll-behavior:auto}& *,& :before,& :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}& .tile:hover,& .tile:focus-within,& .button:hover{transform:none}}}