@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#09070f;--panel:#110d1b;--purple:#a855f7;--bright:#c084fc;--text:#f8f5fc;--muted:#a8a0b5;--line:rgba(192,132,252,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.18;border-radius:50%;z-index:-1}.ambient-one{width:400px;height:400px;background:#7e22ce;top:100px;left:-170px}.ambient-two{width:400px;height:400px;background:#581c87;top:650px;right:-200px}.site-header{height:84px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;background:rgba(9,7,15,.88);backdrop-filter:blur(16px);z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--purple);background:linear-gradient(145deg,rgba(168,85,247,.25),rgba(168,85,247,.03));font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:900;letter-spacing:-1px;box-shadow:0 0 22px #a855f72b}.brand-name{font-weight:800;font-size:14px;letter-spacing:1.5px}.brand-name b{color:var(--bright)}.brand-name small{display:block;color:#81768e;font-size:8px;letter-spacing:2px;margin-top:4px}.nav{display:flex;align-items:center;gap:30px;font-size:12px;color:#c7bfd1}.nav a:hover{color:var(--bright)}.nav .nav-discord{padding:12px 16px;border:1px solid var(--line);color:var(--bright)}.menu-toggle{display:none;background:none;color:white;border:0;font-size:26px}.hero{min-height:650px;position:relative;padding:110px 7vw 80px;display:flex;align-items:center;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:690px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.6px;color:var(--bright);font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px}.pulse,.tiny-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c084fc;box-shadow:0 0 12px #c084fc}.hero h1,.section h2,.rules-band h2,.join-section h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;line-height:.94;letter-spacing:.5px}.hero h1{font-size:clamp(58px,8vw,108px);margin:27px 0 22px}.hero h1 span,.section h2 span,.section-heading h2 span,.rules-band h2 span,.join-section h2 span{color:var(--bright)}.hero-copy{max-width:490px;color:#b7afc2;font-size:14px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 20px;font-size:10px;font-weight:800;letter-spacing:1px;transition:.2s;border:1px solid transparent;min-height:48px}.button-primary{background:var(--purple);color:white;box-shadow:0 8px 30px #a855f72b}.button-primary:hover{background:#9333ea;transform:translateY(-2px)}.button-secondary{border-color:rgba(192,132,252,.35);background:rgba(255,255,255,.02)}.button-secondary:hover{border-color:var(--bright);color:var(--bright)}.hero-note{margin-top:28px;color:#8e849c;font-size:10px;letter-spacing:1px;display:flex;gap:9px;align-items:center}.tiny-dot{width:5px;height:5px}.hero-art{position:absolute;width:47%;height:90%;right:0;top:5%;display:grid;place-items:center;opacity:.9}.hero-art:before{content:"";position:absolute;width:60%;height:70%;background:radial-gradient(ellipse,rgba(126,34,206,.24),transparent 68%)}.ring{position:absolute;border:1px solid rgba(192,132,252,.18);border-radius:50%;transform:rotate(-25deg)}.ring-a{width:440px;height:550px}.ring-b{width:340px;height:470px;transform:rotate(35deg);border-color:rgba(192,132,252,.28)}.city-emblem{width:240px;height:240px;border:1px solid rgba(192,132,252,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg);background:linear-gradient(135deg,rgba(168,85,247,.13),rgba(9,7,15,.3));box-shadow:0 0 90px #7e22ce25,inset 0 0 50px #7e22ce12}.city-emblem span{font-family:'Barlow Condensed',sans-serif;font-size:112px;font-weight:900;line-height:.9;letter-spacing:-8px;color:transparent;-webkit-text-stroke:1px #d8b4fe;text-shadow:0 0 30px #a855f755}.city-emblem i{font-style:normal;font-size:9px;letter-spacing:4px;text-align:center;margin-top:12px;color:#d8b4fe;line-height:1.8}.floating-label{position:absolute;font-size:9px;letter-spacing:3px;color:#a78bbd;border:1px solid var(--line);padding:12px;background:#09070f99}.label-top{top:22%;right:18%}.label-bottom{bottom:20%;left:8%}.hero-bottom{position:absolute;bottom:24px;left:7vw;right:7vw;display:flex;justify-content:space-between;color:#6f657b;font-size:8px;letter-spacing:2px}.section{padding:100px 7vw}.intro{border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start;margin-top:30px}.section h2,.rules-band h2,.join-section h2{font-size:clamp(42px,5vw,68px);margin:0}.intro-grid p{color:#b5adbf;font-size:14px;line-height:1.9;margin-top:0}.intro-grid .muted{color:#776d85;font-size:12px}.features{background:#0d0a14}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:25px 0 35px}.section-heading h2{font-size:clamp(38px,4.5vw,60px)}.section-heading p{font-size:12px;color:var(--muted);max-width:250px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:245px;padding:27px;background:linear-gradient(145deg,#151020,#0d0a14);border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden;transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(192,132,252,.45)}.feature-number{position:absolute;right:22px;top:20px;font-size:10px;color:#5d506c;letter-spacing:2px}.feature-icon{font-size:28px;color:var(--bright);margin-bottom:26px}.feature-card h3{font-size:16px;margin:0 0 12px}.feature-card p{font-size:12px;line-height:1.8;color:#9c92a9}.card-line{position:absolute;bottom:0;left:0;width:45px;height:2px;background:var(--purple)}.rules-band{padding:65px 7vw;display:flex;align-items:center;gap:30px;background:linear-gradient(100deg,#1a1026,#100b18);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rules-symbol{width:64px;height:64px;flex-shrink:0;border:1px solid var(--purple);display:grid;place-items:center;font-family:'Barlow Condensed';font-size:38px;color:var(--bright)}.rules-band h2{font-size:42px;margin:14px 0}.rules-band p{font-size:12px;color:#a99fb5;line-height:1.8;max-width:500px}.rules-band .button{margin-left:auto;flex-shrink:0}.news-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.news-card{padding:28px;background:#110d1b;border:1px solid rgba(255,255,255,.08);min-height:235px}.featured-news{background:linear-gradient(135deg,#1a1027,#100b18)}.news-tag{display:inline-block;color:var(--bright);font-size:9px;letter-spacing:2px;border:1px solid var(--line);padding:7px 9px}.news-date{margin-top:22px;color:#6f657b;font-size:9px;letter-spacing:2px}.news-card h3{font-size:22px;margin:12px 0}.news-card p{font-size:12px;color:#a69caf;line-height:1.8;max-width:560px}.news-card>a{display:inline-block;margin-top:12px;color:var(--bright);font-size:11px;font-weight:700}.join-section{text-align:center;position:relative;padding:105px 20px 110px;overflow:hidden;background:radial-gradient(ellipse at center,rgba(126,34,206,.16),transparent 60%)}.join-glow{position:absolute;width:350px;height:160px;left:calc(50% - 175px);top:60px;background:#7e22ce;filter:blur(100px);opacity:.15}.join-section>*:not(.join-glow){position:relative}.join-section h2{font-size:clamp(50px,7vw,85px);margin:22px 0}.join-section>p{color:#a69caf;font-size:13px}.join-section .hero-actions{justify-content:center}.footer{border-top:1px solid rgba(255,255,255,.08);padding:28px 7vw;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#71677e;font-size:8px;letter-spacing:1.5px}.footer-brand .brand-mark{width:36px;height:36px;font-size:19px}.footer-brand .brand-name{font-size:11px}.footer-brand .brand-name small{font-size:7px}
@media(max-width:850px){.site-header{padding:0 5vw}.menu-toggle{display:block}.nav{display:none;position:absolute;top:83px;left:0;right:0;padding:22px 5vw;background:#0c0913;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.nav.open{display:flex}.nav .nav-discord{text-align:center}.hero{padding:90px 6vw 90px;min-height:650px}.hero-art{right:-20%;width:70%;opacity:.3}.hero-content{max-width:650px}.hero-bottom{left:6vw;right:6vw}.section{padding:75px 6vw}.intro-grid{gap:35px}.rules-band{padding:50px 6vw;flex-wrap:wrap}.rules-band .button{margin-left:94px}.footer{padding:25px 6vw;flex-wrap:wrap}.footer>span{order:3;width:100%}}
@media(max-width:580px){.brand-name{font-size:12px}.hero{min-height:620px;padding-top:75px}.hero h1{font-size:58px}.hero-copy{font-size:13px}.hero-art{width:100%;right:-35%;opacity:.22}.city-emblem{transform:scale(.8) rotate(-8deg)}.hero-bottom{font-size:7px}.hero-bottom span:last-child{display:none}.intro-grid,.feature-grid,.news-grid{grid-template-columns:1fr}.intro-grid{gap:15px}.section-heading{display:block}.section-heading p{margin-top:15px}.feature-card{min-height:210px}.rules-band{gap:18px}.rules-symbol{width:48px;height:48px}.rules-band h2{font-size:34px}.rules-band>div:nth-child(2){flex:1;min-width:200px}.rules-band .button{margin-left:0;width:100%}.join-section{padding:80px 6vw}.join-section .hero-actions{flex-direction:column}.join-section .button{width:100%}.footer{justify-content:space-between}.footer-brand{width:100%}}