@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  color-scheme:dark;
  --black:#000;
  --surface:#0a0a0a;
  --surface-2:#111;
  --surface-3:#181818;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.18);
  --text:#fff;
  --text-2:#b4b4b4;
  --text-3:#8a8a8a;
  --danger:#ff6b6b;
  --warn:#f2c572;
  --ok:#7ee2a8;
  --sheen:linear-gradient(135deg,#fff 0%,#c9c9c9 100%);
  --card:linear-gradient(160deg,rgba(255,255,255,.055) 0%,rgba(255,255,255,.012) 45%,rgba(255,255,255,0) 100%);
  --radius:16px;
  --radius-s:10px;
  --ease:cubic-bezier(.22,.8,.26,1);
  --shadow:0 24px 70px rgba(0,0,0,.65);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-feature-settings:"cv11","ss03";
}
*{box-sizing:border-box}
html{background:var(--black);min-width:320px;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--black);color:var(--text);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.025em;line-height:1.15}
p{margin:0}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}
img{max-width:100%}
:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:6px}
.hidden{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.skip-link{position:fixed;left:16px;top:-60px;z-index:2000;background:#fff;color:#000;padding:10px 16px;border-radius:8px;font-weight:600;text-decoration:none;transition:top .2s var(--ease)}
.skip-link:focus{top:12px}
.gradient-text{background:linear-gradient(180deg,#fff 30%,#8f8f8f 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ambient{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 520px at 78% -12%,rgba(255,255,255,.13),transparent 65%),radial-gradient(700px 500px at 8% 110%,rgba(255,255,255,.05),transparent 70%)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--radius-s);border:1px solid var(--line-strong);background:rgba(255,255,255,.04);color:var(--text);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease),box-shadow .25s var(--ease),opacity .18s}
.btn:hover:not(:disabled){background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.32)}
.btn:active:not(:disabled){transform:scale(.97)}
.btn-primary{background:var(--sheen);border-color:transparent;color:#000;box-shadow:0 0 0 0 rgba(255,255,255,0)}
.btn-primary:hover:not(:disabled){background:#fff;box-shadow:0 8px 34px rgba(255,255,255,.22);transform:translateY(-1px)}
.btn-danger{border-color:rgba(255,107,107,.45);color:#ffb3b3;background:rgba(255,107,107,.07)}
.btn-danger:hover:not(:disabled){background:rgba(255,107,107,.15);border-color:var(--danger)}
.btn-small{min-height:36px;padding:0 13px;font-size:13px}
.btn svg,.icon{width:16px;height:16px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:650;letter-spacing:-.02em;font-size:16px}
.brand img{display:block;border-radius:8px}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}60%{box-shadow:0 0 0 7px rgba(255,255,255,0)}}
@keyframes shimmer{from{background-position:-200% 0}to{background-position:200% 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
