@import"https://fonts.googleapis.com/css2?family=Anton&family=Archivo:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";:root{--gray-1: oklch(98.5% 0 0);--gray-2: oklch(97% 0 0);--gray-3: oklch(92.2% 0 0);--gray-4: oklch(87% 0 0);--gray-6: oklch(55.6% 0 0);--gray-7: oklch(43.9% 0 0);--gray-8: oklch(37.1% 0 0);--gray-10: oklch(26.9% 0 0);--gray-12: oklch(14.5% 0 0)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--gray-2);color:var(--gray-10);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}[x-cloak]{display:none}h1,h2,h3,h4,h5,h6{color:var(--gray-12)}header{max-width:1440px;margin:auto}header>div{justify-content:space-between;align-items:center;height:64px}header nav{display:flex;align-items:center;gap:26px}header nav a{font-weight:500;color:var(--gray-8)}header nav a:hover,header nav a.current{color:var(--gray-12)}main{max-width:1440px;margin:0 30px;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 65px);background:#fff;border:1px solid var(--gray-3)}.hero{padding:100px 50px;max-width:880px}.hero h1{margin-bottom:15px;font-size:52px;font-weight:600;letter-spacing:-1px;line-height:1.05}.hero p{font-size:22px;color:var(--gray-7)}.hero .button{margin-top:30px;display:inline-block;padding:10px 16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);padding:0 50px;border-top:1px solid var(--gray-3)}.cards a{padding:30px 40px;border-right:1px solid var(--gray-3)}.cards a:first-child{border-left:1px solid var(--gray-3)}.cards a:hover{background:var(--gray-1)}.cards h3{margin-bottom:10px;font-size:20px;font-weight:600;letter-spacing:-.4px}.cards p{color:var(--gray-6)}.form-container{display:flex;flex-direction:column;justify-content:center;max-width:400px;margin:auto}.form-container h1{font-size:32px;letter-spacing:-.5px;margin:5px 0}.form-container p{font-size:18px;margin-bottom:48px;color:var(--gray-6)}form{display:flex;flex-direction:column;gap:24px}label{margin-bottom:4px;display:block;font-size:14px;font-weight:500}input,textarea,button{width:100%;border-radius:4px;font:inherit}input{height:40px;border:1px solid var(--gray-4);padding:0 16px}input[data-invalid=true],textarea[data-invalid=true]{border-color:#fb2c36}input[data-invalid=true]+div,textarea[data-invalid=true]+div{color:#fb2c36;font-size:14px;font-weight:500;margin-top:2px}button{background:var(--gray-12);color:#fff;border:none;padding:10px;font-weight:500}button:hover{background:var(--gray-10)}.alert{background:#fff;position:relative;padding:12px 16px;font-size:14px;min-width:380px;font-weight:500;border:1px solid var(--gray-3);border-radius:10px;animation:scale-up .2s cubic-bezier(.39,.575,.565,1) both}.alert-destructive{color:#fb2c36;background:#fb2c361a;border-color:#fb2c36}.alert-success{color:#00a63e;background:#00a63e1a;border-color:#00a63e}.flash-container{position:fixed;top:80px;left:0;right:0;display:flex;flex-direction:column;align-items:center}@keyframes scale-up{0%{transform:scale(.7)}to{transform:scale(1)}}:root{--byon-bg: #08080a;--byon-surface: #0b0b0d;--byon-surface-2: #111113;--byon-line: #4e4e4e;--byon-line-2: #2a2a2e;--byon-red: #e10600;--byon-red-hover: #c00500;--byon-ink: #f5f4f2;--byon-muted: #8a8a8e;--byon-muted-2: #5f5f66;--byon-ok: #39d353;--byon-font: "Archivo", system-ui, sans-serif;--byon-display: "Anton", sans-serif;--byon-mono: "Space Mono", ui-monospace, monospace;--byon-radius: 12px}.byon{background:var(--byon-bg);color:var(--byon-ink);font-family:var(--byon-font);min-height:100vh}.byon *,.byon *:before,.byon *:after{box-sizing:border-box}.byon ::selection{background:var(--byon-red);color:#fff}.byon img{max-width:100%}.byon-wrap{max-width:1120px;margin:0 auto;padding:0 32px}.byon-wrap--narrow{max-width:900px}.byon-wrap--form{max-width:960px}.byon-event-banner{height:610px}.byon h1,.byon h2,.byon h3,.byon h4,.byon h5,.byon h6{color:inherit}.byon-display{font-family:var(--byon-display);line-height:.9;letter-spacing:.3px}.byon-h1{font-family:var(--byon-display);font-size:clamp(34px,9vw,58px);line-height:.9}.byon-h2{font-family:var(--byon-display);font-size:30px;letter-spacing:.5px}.byon-eyebrow{font:700 11px var(--byon-mono);letter-spacing:.14em;color:var(--byon-red)}.byon-kicker{font:700 10px var(--byon-mono);letter-spacing:.12em;color:var(--byon-muted-2)}.byon-mono{font-family:var(--byon-mono)}.byon-ticker{background:var(--byon-red);overflow:hidden;white-space:nowrap;padding:5px 0}.byon-ticker__track{display:inline-block;font:700 10px var(--byon-mono);letter-spacing:.18em;color:#fff;animation:byon-ticker 26s linear infinite}@keyframes byon-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.byon-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 32px;background:#08080aeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--byon-line)}.byon-logo{flex-shrink:0;font-family:var(--byon-display);font-size:26px;letter-spacing:.5px;cursor:pointer}.byon-logo img{display:block;height:30px;width:auto}.byon-logo span,.byon-dot-red{color:var(--byon-red)}.byon-navlinks{display:flex;gap:22px;font:600 12px var(--byon-font);letter-spacing:.09em;text-transform:uppercase}.byon-navlinks a{color:var(--byon-muted)}.byon-navlinks a:hover,.byon-navlinks a.is-active{color:var(--byon-ink)}.byon-navsec{display:inline-block;white-space:nowrap;font:600 12px var(--byon-font);letter-spacing:.09em;text-transform:uppercase;color:var(--byon-muted)}.byon-navsec:hover{color:var(--byon-ink)}.byon-btn{display:inline-block;text-align:center;cursor:pointer;font:700 12px var(--byon-font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#fff;background:var(--byon-red);padding:12px 20px;border:none;border-radius:7px;transition:background .15s ease}.byon-btn:hover{background:var(--byon-red-hover)}.byon-btn--ghost{color:var(--byon-ink);background:transparent;border:1px solid var(--byon-line-2)}.byon-btn--block{display:block;width:100%}.byon-btn:disabled,.byon-btn:disabled:hover{background:var(--byon-line-2);color:var(--byon-muted);cursor:not-allowed}.byon-card{background:var(--byon-surface);border:1px solid var(--byon-line);border-radius:var(--byon-radius)}.byon-card--red{border-color:var(--byon-red)}.byon-lift{transition:transform .15s ease,border-color .15s ease}.byon-lift:hover{transform:translateY(-3px);border-color:var(--byon-red)}.byon-badge{font:700 9px var(--byon-mono);letter-spacing:.1em;padding:4px 9px;border-radius:100px}.byon-badge--red{color:#fff;background:var(--byon-red)}.byon-badge--ghost{color:var(--byon-muted);border:1px solid var(--byon-line-2)}.byon-lang{display:flex;flex-shrink:0;font:700 11px var(--byon-mono);border:1px solid var(--byon-line-2);border-radius:5px;overflow:hidden}.byon-lang button{width:auto;flex-shrink:0;background:transparent;color:var(--byon-muted);padding:5px 9px;border:none;cursor:pointer;white-space:nowrap}.byon-lang button.is-active{background:var(--byon-red);color:#fff}.byon-input,.byon-field input{width:100%;background:var(--byon-surface-2);border:1px solid var(--byon-line-2);border-radius:9px;padding:13px 15px;color:var(--byon-ink);font:400 14px var(--byon-font);outline:none}.byon-label{font:700 10px var(--byon-mono);letter-spacing:.1em;color:var(--byon-muted)}.byon-pulse{animation:byon-pulse 1.3s infinite}@keyframes byon-pulse{0%,to{opacity:1}50%{opacity:.2}}@keyframes byon-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.col-hero{display:grid;grid-template-columns:1.15fr .85fr}.col-checkout{display:grid;grid-template-columns:1.3fr .9fr;gap:24px}.col-login{display:grid;grid-template-columns:.85fr 1.15fr}.col-profile{display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.col-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.col-2{display:grid;grid-template-columns:repeat(2,1fr)}.byon-autogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:18px}.byon-hero__main{padding:30px 32px 34px}.byon-hero__card{padding:28px 30px 26px}@media(max-width:900px){.byon-navlinks{display:none}.col-hero,.col-checkout,.col-login,.col-profile,.col-3{grid-template-columns:1fr}.col-hero{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.col-2{grid-template-columns:1fr}.byon-nav__cta,.byon-nav__signout{display:none}.byon-nav{padding:15px 16px;gap:10px}.byon-logo img{height:24px}.byon-event-banner{height:210px}.byon-wrap{padding:0 16px}.byon-hero__main{padding:22px 16px 24px}.byon-hero__card{padding:22px 16px 18px}}
