:root{--bg: #f5f5f4;--surface: #ffffff;--ink: #0c0a09;--body: #57534d;--muted: #79716b;--border: #d6d3d1;--purple: #7a2b8b;--purple-soft: rgba(122, 43, 139, .08);--green: #3fa96a;--green-soft: rgba(63, 169, 106, .1);--yellow: #c98a1b;--tree-light: #c8e0b6;--tree-dark: #a9cf90;--shadow: 4px 4px 0 var(--border);--shadow-ink: 4px 4px 0 rgba(12, 10, 9, .16);--font-body: "Geist", system-ui, sans-serif;--font-mono: "Geist Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--body);font-family:var(--font-body);font-size:17px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%}:root{--notch-6: polygon( 0 6px, 6px 6px, 6px 0, calc(100% - 6px) 0, calc(100% - 6px) 6px, 100% 6px, 100% calc(100% - 6px) , calc(100% - 6px) calc(100% - 6px) , calc(100% - 6px) 100%, 6px 100%, 6px calc(100% - 6px) , 0 calc(100% - 6px) );--notch-4: polygon( 0 4px, 4px 4px, 4px 0, calc(100% - 4px) 0, calc(100% - 4px) 4px, 100% 4px, 100% calc(100% - 4px) , calc(100% - 4px) calc(100% - 4px) , calc(100% - 4px) 100%, 4px 100%, 4px calc(100% - 4px) , 0 calc(100% - 4px) )}.btn{display:inline-block;font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-decoration:none;line-height:1;padding:17px 25px;border:none;cursor:pointer;clip-path:var(--notch-6);transition:transform .12s steps(2),filter .12s steps(2)}.btn--primary{background:var(--ink);color:#fff;filter:drop-shadow(4px 4px 0 rgba(12,10,9,.16))}.btn--primary:hover{transform:translate(-2px,-2px);filter:drop-shadow(6px 6px 0 rgba(12,10,9,.16))}.btn--primary:active{transform:translate(2px,2px);filter:drop-shadow(1px 1px 0 rgba(12,10,9,.16))}.btn--outline{background:var(--surface);color:var(--ink);filter:drop-shadow(2px 0 0 var(--ink)) drop-shadow(-2px 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -2px 0 var(--ink)) drop-shadow(4px 4px 0 var(--border))}.btn--outline:hover{transform:translate(-2px,-2px);filter:drop-shadow(2px 0 0 var(--ink)) drop-shadow(-2px 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -2px 0 var(--ink)) drop-shadow(6px 6px 0 var(--border))}.btn--outline:active{transform:translate(2px,2px);filter:drop-shadow(2px 0 0 var(--ink)) drop-shadow(-2px 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -2px 0 var(--ink)) drop-shadow(1px 1px 0 var(--border))}.btn--sm{font-size:11px;padding:11px 17px;clip-path:var(--notch-4)}.chip{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--purple);background:var(--purple-soft);padding:7px 13px;margin-bottom:18px;clip-path:var(--notch-4)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:#f5f5f4eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:repeating-linear-gradient(90deg,var(--border) 0 8px,transparent 8px 16px)}.nav__brand{display:flex;align-items:center;gap:12px;text-decoration:none}.nav__logo{width:40px;height:40px}.nav__name{font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--ink)}.nav__links{display:flex;align-items:center;gap:26px}.nav__links a:not(.nav__cta){font-family:var(--font-mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--body);text-decoration:none}.nav__links a:not(.nav__cta):hover{color:var(--ink)}.hero{position:relative;min-height:96vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:140px 24px 170px;background:var(--bg);overflow:hidden}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Crect x='0' y='0' width='4' height='4' fill='%23d6d3d1'/%3E%3C/svg%3E");background-size:36px 36px;opacity:.8;mask-image:radial-gradient(ellipse 80% 75% at 50% 35%,black 0%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 80% 75% at 50% 35%,black 0%,transparent 78%)}.hero__pixels span{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);background:var(--c);opacity:.55}.hero__inner{position:relative;z-index:2;max-width:880px}.hero__mark{display:block;width:140px;height:140px;margin:0 auto 24px;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--surface)}.hero__title{font-size:clamp(38px,6vw,64px);font-weight:600;line-height:1.12;letter-spacing:-.02em;color:var(--ink);margin-top:6px}.hero__title-accent{color:var(--purple);position:relative}.hero__title-accent:after{content:"";position:absolute;left:2%;right:2%;bottom:-12px;height:7px;background-image:linear-gradient(90deg,transparent 0 3px,var(--purple) 3px 10px,transparent 10px 14px);background-size:14px 7px;background-repeat:round no-repeat;opacity:.85}.hero__cursor{display:inline-block;width:.14em;height:.82em;margin-left:.12em;background:var(--green);vertical-align:baseline;transform:translateY(.1em);animation:cursor-blink 1.1s steps(1) infinite}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.hero__tagline{font-family:var(--font-mono);font-size:clamp(12px,1.6vw,14px);font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--ink);margin:28px 0 18px;display:flex;align-items:center;justify-content:center;gap:14px}.tagdot{width:7px;height:7px;background:var(--purple);display:inline-block}.tagdot--green{background:var(--green)}.hero__sub{max-width:560px;margin:0 auto 38px;color:var(--body)}.hero__ctas{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.section{padding:100px 24px;position:relative}.section__inner{max-width:1060px;margin:0 auto}.section__title{font-size:clamp(28px,4vw,40px);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--ink);margin-bottom:18px}.section__title:before{content:"";display:inline-block;width:.32em;height:.32em;background:var(--green);margin-right:.45em;vertical-align:.06em;box-shadow:.16em .16em 0 var(--purple-soft)}.section__sub{color:var(--body);max-width:620px;margin-bottom:46px}.dither-edges{position:relative}.dither-edges:before,.dither-edges:after{content:"";position:absolute;left:0;right:0;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Crect x='0' y='0' width='6' height='6' fill='%23e3e1de'/%3E%3Crect x='6' y='6' width='6' height='6' fill='%23e3e1de'/%3E%3C/svg%3E");background-size:12px 12px;image-rendering:pixelated;pointer-events:none}.dither-edges:before{top:0}.dither-edges:after{bottom:0}.about{background:var(--surface)}.about__card{margin-top:28px;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);padding:38px 42px;max-width:800px;position:relative}.pixel-corners:before,.pixel-corners:after{content:"";position:absolute;width:16px;height:16px;pointer-events:none}.pixel-corners:before{top:-6px;left:-6px;border-top:5px solid var(--purple);border-left:5px solid var(--purple)}.pixel-corners:after{bottom:-6px;right:-6px;border-bottom:5px solid var(--green);border-right:5px solid var(--green)}.about__card p{margin-bottom:18px;color:var(--body);font-size:18px}.about__card p:last-child{margin-bottom:0}.about__card strong{color:var(--ink);font-weight:600}.topics__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:32px 28px;transition:transform .12s ease,box-shadow .12s ease}.card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--border)}.card__icon{display:block;width:64px;height:64px;margin-bottom:20px;overflow:visible}.card__icon rect,.card__icon g{transform-box:fill-box}@keyframes ic-type{0%,to{opacity:1}34%,99%{opacity:.25}}.card:hover .ic-dot{animation:ic-type .9s steps(1) infinite}.card:hover .ic-dot2{animation-delay:.3s}.card:hover .ic-dot3{animation-delay:.6s}@keyframes ic-bubble-pop{0%,74%{transform:translate(0)}75%,99%{transform:translateY(-1px)}to{transform:translate(0)}}.card:hover .ic-bubble2{animation:ic-bubble-pop 1.8s steps(1) infinite}@keyframes ic-scribble{0%{transform:translate(-4px,-8px)}12%{transform:translate(-2px,-7px)}25%{transform:translate(-4px,-6px)}37%{transform:translate(-2px,-5px)}50%{transform:translate(-3px,-4px)}62%{transform:translate(-1px,-3px)}75%{transform:translate(-2px,-2px)}87%{transform:translateY(-1px)}to{transform:translate(0)}}.card:hover .ic-pencil{animation:ic-scribble 2.1s steps(1) infinite}@keyframes ic-write-1{0%,11%{opacity:0}12%,to{opacity:1}}@keyframes ic-write-2{0%,42%{opacity:0}43%,to{opacity:1}}@keyframes ic-write-3{0%,73%{opacity:0}74%,to{opacity:1}}.card:hover .ic-line1{animation:ic-write-1 2.1s steps(1) infinite}.card:hover .ic-line2{animation:ic-write-2 2.1s steps(1) infinite}.card:hover .ic-line3{animation:ic-write-3 2.1s steps(1) infinite}@keyframes ic-bar-grow{0%{transform:scaleY(.34)}25%{transform:scaleY(.67)}50%,to{transform:scaleY(1)}}.card:hover .ic-bar{transform-origin:50% 100%;animation:ic-bar-grow 1.4s steps(1) infinite}.card:hover .ic-bar2{animation-delay:.15s}.card:hover .ic-bar3{animation-delay:.3s}@keyframes ic-scan{0%,to{transform:translate(0)}50%{transform:translate(1px)}}.card:hover .ic-mag{animation:ic-scan 1.4s steps(1) infinite}@keyframes ic-badge-bounce{0%,to{transform:translate(0)}50%{transform:translateY(-1px)}}.card:hover .ic-badge{animation:ic-badge-bounce .7s steps(1) infinite}@keyframes ic-env-shake{0%,49%,to{transform:translate(0)}50%,74%{transform:translate(-1px)}75%,99%{transform:translate(1px)}}.card:hover .ic-env{animation:ic-env-shake 1.4s steps(1) infinite}@keyframes ic-snd-emit{0%{opacity:0;transform:translate(-2px)}25%{opacity:1;transform:translate(-1px)}50%{opacity:1;transform:translate(0)}75%,to{opacity:0;transform:translate(0)}}.card:hover .ic-snd{animation:ic-snd-emit 1s steps(1) infinite}.card:hover .ic-snd2{animation-delay:.15s}.card:hover .ic-snd3{animation-delay:.3s}@keyframes ic-recoil{0%,to{transform:translate(0)}12%{transform:translate(-1px)}25%,99%{transform:translate(0)}}.card:hover .ic-horn{animation:ic-recoil 1s steps(1) infinite}@keyframes ic-btn-a{0%,49%{opacity:.35;transform:translateY(1px)}50%,to{opacity:1;transform:translate(0)}}@keyframes ic-btn-b{0%,49%{opacity:1;transform:translate(0)}50%,to{opacity:.35;transform:translateY(1px)}}.card:hover .ic-btnA{animation:ic-btn-a .6s steps(1) infinite}.card:hover .ic-btnB{animation:ic-btn-b .6s steps(1) infinite}@keyframes ic-dpad-press{0%,to{transform:translate(0)}25%{transform:translate(-1px)}50%{transform:translate(0)}75%{transform:translate(1px)}}.card:hover .ic-dpad{animation:ic-dpad-press 1.2s steps(1) infinite}@media (prefers-reduced-motion: reduce){.card:hover .card__icon *{animation:none!important}}.card__title{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--ink)}.card__desc{color:var(--body);font-size:15.5px;line-height:1.65}.events{background:var(--surface)}.event-card{margin-top:34px;position:relative;background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);max-width:800px}.event-card__badge{position:absolute;top:-14px;left:28px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#fff;background:var(--green);padding:7px 13px;clip-path:var(--notch-4)}.event-card__body{padding:42px 42px 38px}.event-card__title{font-size:clamp(22px,3vw,28px);font-weight:600;letter-spacing:-.01em;color:var(--ink);margin-bottom:14px}.event-card__desc{color:var(--body);margin-bottom:24px;max-width:620px}.event-card__meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.meta-chip{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--purple);background:var(--purple-soft);padding:8px 13px;clip-path:var(--notch-4)}.meta-chip--green{color:var(--green);background:var(--green-soft)}.join-form{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:40px 38px;max-width:720px}.join-form__fields{display:grid;grid-template-columns:1fr 1.4fr;gap:22px;margin-bottom:26px}.field{display:block}.field__label{display:block;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--ink);margin-bottom:10px}.field input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--ink);font-family:var(--font-body);font-size:16px;padding:14px 16px;outline:none;transition:border-color .12s ease}.field input:focus{border-color:var(--ink)}.field input::placeholder{color:var(--muted)}.join-form__submit{width:100%;text-align:center}.join-form__status{font-family:var(--font-mono);font-size:12px;letter-spacing:.5px;margin-top:18px;min-height:16px;line-height:1.7;color:var(--green)}.join-form__status.is-error{color:#b3261e}.join-success__box{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:48px 42px;text-align:center;max-width:720px}.join-success__title{font-size:clamp(22px,3vw,28px);font-weight:600;letter-spacing:-.01em;color:var(--green);margin-bottom:14px}.join-success__text{color:var(--body);margin-bottom:26px}.footer{position:relative;background:var(--surface)}.footer:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:repeating-linear-gradient(90deg,var(--border) 0 8px,transparent 8px 16px)}.footer__inner{text-align:center;padding:56px 24px 140px;position:relative;z-index:2}.footer__mark{width:64px;height:64px;margin-bottom:16px}.footer__tag{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--ink);margin-bottom:14px}.footer__link{color:var(--purple);text-decoration:none;font-size:15px}.footer__link:hover{text-decoration:underline}.footer__copy{color:var(--muted);font-size:13px;margin-top:20px}.treeline{position:absolute;left:0;right:0;bottom:0;height:96px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96' shape-rendering='crispEdges'%3E%3Cg fill='%23a9cf90'%3E%3Crect x='16' y='24' width='16' height='8'/%3E%3Crect x='8' y='32' width='32' height='8'/%3E%3Crect x='12' y='40' width='24' height='8'/%3E%3Crect x='4' y='48' width='40' height='8'/%3E%3Crect x='8' y='56' width='32' height='8'/%3E%3Crect x='0' y='64' width='48' height='32'/%3E%3C/g%3E%3Cg fill='%23c8e0b6'%3E%3Crect x='64' y='40' width='16' height='8'/%3E%3Crect x='56' y='48' width='32' height='8'/%3E%3Crect x='60' y='56' width='24' height='8'/%3E%3Crect x='52' y='64' width='40' height='8'/%3E%3Crect x='48' y='72' width='48' height='24'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-x;background-size:96px 96px;image-rendering:pixelated;z-index:1}.treeline--hero{opacity:.75}.reveal{will-change:transform,opacity}@media (max-width: 760px){.nav__links a:not(.nav__cta){display:none}.nav__name{font-size:13px}.hero{padding-top:120px}.hero__mark{width:104px;height:104px}.hero__tagline{gap:10px;letter-spacing:2px}.hero__ctas{flex-direction:column;align-items:stretch}.btn{text-align:center}.about__card{padding:28px 24px}.event-card__body{padding:34px 24px 30px}.join-form{padding:30px 22px}.join-form__fields{grid-template-columns:1fr}}