*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--acid:#0f8;--acid-dim:#00cc6a;--coral:#ff3d5a;--bg:#050505;--bg-card:#0c0c0c;--bg-card-border:#1a1a1a;--text:#f0f0f0;--text-mid:#aaa;--text-dim:#888}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica,Arial,sans-serif;line-height:1.7;overflow-x:hidden}.grid-bg{z-index:-1;background-image:linear-gradient(#00ff8806 1px,#0000 1px),linear-gradient(90deg,#00ff8806 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;mask-image:radial-gradient(70% 50% at 50% 30%,#000 10%,#0000 80%)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:6rem 1.5rem 3rem;display:flex;position:relative}.hero-glow{pointer-events:none;background:radial-gradient(circle,#00ff880d 0%,#0000 70%);width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.logo{filter:brightness(0)invert();width:140px;height:40px;margin-bottom:1.25rem}.tagline{color:var(--text-dim);border:1px solid var(--bg-card-border);padding:.4rem 1.2rem;font-size:1.5rem;font-weight:700}.section{max-width:900px;margin:0 auto;padding:3.5rem 1.5rem}.section-label{text-transform:uppercase;letter-spacing:.25em;color:var(--acid);margin-bottom:.5rem;font-size:.85rem;font-weight:700}.section-title{letter-spacing:-.03em;color:#fff;margin-bottom:.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.section-desc{color:var(--text-mid);max-width:480px;margin-bottom:2rem;font-size:1.1rem}.rules-grid{background:var(--bg-card-border);border:1px solid var(--bg-card-border);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;display:grid}.rule-card{background:var(--bg-card);padding:1.5rem 1.25rem}.rule-card:hover{background:#111}.rule-icon{border:1px solid var(--bg-card-border);width:36px;height:36px;color:var(--acid);justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.rule-card h3{text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:.4rem;font-size:1.05rem;font-weight:700}.rule-card p{color:var(--text-dim);font-size:1rem;line-height:1.75}.rules-full{border:1px solid var(--bg-card-border);flex-direction:column;gap:0;display:flex}.rule-block{background:var(--bg-card);border-bottom:1px solid var(--bg-card-border);padding:1.5rem}.rule-block:last-child{border-bottom:none}.rule-block-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.rule-block-num{border:1px solid var(--acid-dim);width:30px;height:30px;color:var(--acid);letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.rule-block-title{text-transform:uppercase;letter-spacing:.1em;color:#fff;font-size:1.1rem;font-weight:700}.rule-block p{color:var(--text-mid);font-size:1.05rem;line-height:1.75}.rule-block p+p{margin-top:.5rem}.rule-block strong{color:var(--acid);font-weight:600}.diagram{text-align:center;margin:1.25rem 0}.diagram svg{display:inline-block}.diagram-caption{color:var(--text-dim);margin-top:.5rem;font-size:.9rem;line-height:1.6}.footer{text-align:center;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--bg-card-border);max-width:900px;margin:0 auto;padding:2rem 1.5rem;font-size:.7rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}@media (width<=640px){.section{padding:2.5rem 1.25rem}.rules-grid{grid-template-columns:1fr}}