html{scroll-behavior:smooth}:root{--ground:#faf9f4;--panel:#fff;--foreground:#17170f;--secondary:#f1f0e8;--secondary-foreground:#57574c;--primary:#17170f;--primary-hover:#000;--info:#2563eb;--info-bg:#e7effd;--success:#16a34a;--success-bg:#e7f6ec;--warning:#ca8a04;--warning-bg:#fbf1d9;--destructive:#dc2626;--destructive-bg:#fdeaea;--purple:#7c3aed;--purple-bg:#f1e9fd;--accent:var(--info);--shadow-card:5px 5px 0 0 var(--foreground);--shadow-card-hover:8px 8px 0 0 var(--foreground);--shadow-sm:3px 3px 0 0 var(--foreground);--font-sans:"Nunito", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--ground);color:var(--foreground);background-image:radial-gradient(#17170f29 1.6px,#0000 1.6px);background-size:22px 22px;min-height:100vh;line-height:1.6;overflow-x:clip}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:900;line-height:1.1}.wordmark{letter-spacing:-.02em;font-weight:900}.wordmark b{color:var(--info);font-weight:900}.hl{color:#fff;background:var(--foreground);border-radius:.28em;padding:.02em .32em;display:inline-block}.hl-green{background:var(--success);transform:rotate(-1deg)}.hl-blue{background:var(--info);transform:rotate(.6deg)}.hl-yellow{background:var(--warning);color:#1a1300;transform:rotate(-.6deg)}.hl-purple{background:var(--purple);transform:rotate(1deg)}.hl-red{background:var(--destructive);transform:rotate(-.8deg)}.eyebrow{text-transform:uppercase;letter-spacing:.06em;border:2.5px solid var(--foreground);box-shadow:var(--shadow-sm);background:var(--warning-bg);color:#6b4a00;border-radius:8px;margin-bottom:1rem;padding:.3rem .85rem;font-size:.78rem;font-weight:900;display:inline-block;transform:rotate(-1.5deg)}.eyebrow.e-blue{background:var(--info-bg);color:#1a3a8f}.eyebrow.e-green{background:var(--success-bg);color:#14532d}.eyebrow.e-red{background:var(--destructive-bg);color:#7f1d1d}.eyebrow.e-purple{background:var(--purple-bg);color:#4c1d95}.glass-panel.panel-blue{background:var(--info-bg);border-color:var(--info);box-shadow:5px 5px 0 0 var(--info)}.glass-panel.panel-green{background:var(--success-bg);border-color:var(--success);box-shadow:5px 5px 0 0 var(--success)}.glass-panel.panel-yellow{background:var(--warning-bg);border-color:var(--warning);box-shadow:5px 5px 0 0 var(--warning)}.glass-panel.panel-red{background:var(--destructive-bg);border-color:var(--destructive);box-shadow:5px 5px 0 0 var(--destructive)}.glass-panel.panel-purple{background:var(--purple-bg);border-color:var(--purple);box-shadow:5px 5px 0 0 var(--purple)}.glass-panel.panel-blue:hover{box-shadow:8px 8px 0 0 var(--info)}.glass-panel.panel-green:hover{box-shadow:8px 8px 0 0 var(--success)}.glass-panel.panel-yellow:hover{box-shadow:8px 8px 0 0 var(--warning)}.glass-panel.panel-red:hover{box-shadow:8px 8px 0 0 var(--destructive)}.glass-panel.panel-purple:hover{box-shadow:8px 8px 0 0 var(--purple)}.sticky{background:var(--warning-bg);transform:rotate(-1.2deg)}.glass-panel.sticky.s-purple{background:var(--purple-bg);border-color:var(--purple);box-shadow:5px 5px 0 0 var(--purple)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.glass-panel{background:var(--panel);border:3px solid var(--foreground);box-shadow:var(--shadow-card);border-radius:1rem;transition:transform .15s,box-shadow .15s}.glass-panel:hover{box-shadow:var(--shadow-card-hover);transform:translate(-3px,-3px)}.btn{cursor:pointer;font-weight:800;font-family:var(--font-sans);border:3px solid var(--foreground);border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn-primary{background:var(--info);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-card);transform:translate(-2px,-2px)}.btn-secondary{background:var(--panel);color:var(--foreground);box-shadow:var(--shadow-sm)}.btn-secondary:hover{box-shadow:var(--shadow-card);transform:translate(-2px,-2px)}.btn-ghost{color:var(--foreground);box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--panel);box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.marker-underline{display:inline-block;position:relative}.marker-underline:after{content:"";background:var(--warning);z-index:-1;opacity:.9;border-radius:.2em;height:.32em;position:absolute;bottom:-.15em;left:-2%;right:-2%;transform:rotate(-.6deg)}.marker-underline.u-blue:after{background:var(--info)}.marker-underline.u-green:after{background:var(--success)}.marker-underline.u-purple:after{background:var(--purple)}select{appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2317170f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;padding-right:2.4rem!important}.marker-chip{border:3px solid var(--foreground);width:3rem;height:3rem;box-shadow:var(--shadow-sm);border-radius:.75rem;justify-content:center;align-items:center;display:inline-flex}.section{padding:4.5rem 0;position:relative}.flex-center{justify-content:center;align-items:center;display:flex}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.grid-cards-large{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.grid-cards-medium{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.grid-cards-small{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}@media (width<=768px){.grid-cols-2,.grid-cols-3,.grid-cards-large,.grid-cards-medium,.grid-cards-small{grid-template-columns:1fr}.section{padding:3rem 0}h1{white-space:normal!important;font-size:2.4rem!important}.nav-links a:not(.btn){display:none}.hero-buttons{flex-direction:column;width:100%}.form-grid{grid-template-columns:1fr!important}}@media (width<=1024px){.nav-links{gap:1rem!important}.btn-nav-outline{display:none!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.12s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.footer-link{color:var(--secondary-foreground);font-weight:600;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--foreground)}.roulette{gap:.85rem;width:100%;height:420px;display:flex}.roulette-panel{border:3px solid var(--foreground);min-width:0;box-shadow:var(--shadow-card);cursor:pointer;border-radius:1rem;outline:none;flex:1 1 0;transition:flex-grow .45s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.roulette-panel.is-active{flex-grow:6}.rp-blue{background:var(--info-bg)}.rp-green{background:var(--success-bg)}.rp-yellow{background:var(--warning-bg)}.rp-purple{background:var(--purple-bg)}.roulette-panel>img{object-fit:cover;object-position:center top;opacity:0;width:100%;height:100%;transition:opacity .3s .1s;position:absolute;inset:0}.roulette-panel.is-active>img{opacity:1}.roulette-label{background:var(--foreground);color:var(--ground);white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:.5rem;padding:.85rem 1rem;font-size:1.05rem;font-weight:900;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.roulette-panel:not(.is-active) .roulette-label{display:none}.roulette-tab{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:.5rem;display:flex;position:absolute;inset:0}.roulette-tab-text{color:var(--foreground);font-size:.95rem;font-weight:900;line-height:1.15}.roulette-num{opacity:.75;font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:700}.roulette-label .roulette-num{font-size:.8rem}.roulette-tab .roulette-num{border:3px solid var(--foreground);background:var(--panel);width:2.6rem;height:2.6rem;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex}@media (width<=900px){.roulette{flex-direction:column;gap:1.1rem;height:auto}.roulette-panel,.roulette-panel.is-active{flex:none;height:300px}.roulette-panel>img{opacity:1}.roulette-tab{display:none}.roulette-panel .roulette-label,.roulette-panel:not(.is-active) .roulette-label{display:flex}}