:root{--red-900: #2b0a0f;--red-800: #430d14;--red-700: #5d111a;--red-600: #7a1521;--red-500: #aa1b2c;--red-400: #c93a4a;--ink-900: #0b0b0d;--ink-800: #121216;--ink-700: #191a20;--text-100: #f5f4f6;--text-200: #d9d7dc;--text-300: #b1b0b6;--line: rgba(255, 255, 255, .08);--glow: rgba(170, 27, 44, .35);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--shadow: 0 20px 60px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Space Grotesk,sans-serif;background:var(--ink-900);color:var(--text-100);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 10% 10%,rgba(170,27,44,.35),transparent 60%),radial-gradient(40% 40% at 80% 20%,rgba(124,12,20,.5),transparent 60%),radial-gradient(50% 40% at 70% 80%,rgba(170,27,44,.25),transparent 65%),linear-gradient(120deg,#0b0b0d,#141017);z-index:-2}.bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");opacity:.25;mix-blend-mode:soft-light;z-index:-1;pointer-events:none}.nav{position:sticky;top:36px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 6vw;background:#0b0b0dbf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem;font-family:Saira Condensed,sans-serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.brand-logo{width:52px;height:52px;border-radius:12px;box-shadow:0 12px 30px #00000073;object-fit:contain;background:#0b0b0dcc;transform:scale(1.08)}.brand-text{font-size:1.1rem;color:var(--text-200)}.nav-links{display:flex;gap:1.5rem;font-weight:500;color:var(--text-300)}.nav-links a{position:relative;padding-bottom:.2rem}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--red-500);transition:width .3s ease}.nav-links a:hover:after,.nav-links a:focus:after{width:100%}.nav-actions{display:flex;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:999px;font-weight:600;font-size:.95rem;letter-spacing:.02em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}button.btn{border:none;background:transparent;cursor:pointer;font-family:inherit}.btn.primary{background:linear-gradient(135deg,var(--red-500),var(--red-700));color:#fff;box-shadow:0 15px 35px #aa1b2c66}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px #aa1b2c80}.btn.ghost{border:1px solid rgba(255,255,255,.18);color:var(--text-200)}.btn.ghost:hover{border-color:var(--red-500);color:#fff}.btn.outline{border:1px solid var(--red-500);color:var(--text-100)}main{padding:0 6vw 6rem}.dev-banner{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 6vw;background:linear-gradient(90deg,#aa1b2ce6,#400a10e6);color:#fff;font-weight:600;letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.1)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;padding:5rem 0 6rem;align-items:center}.hero-content h1{font-family:Saira Condensed,sans-serif;font-size:clamp(2.6rem,4vw,4.6rem);line-height:1.05;letter-spacing:.02em;margin:.7rem 0 1.2rem}.hero-content h1 span{color:var(--red-400)}.eyebrow{font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-300)}.lead{color:var(--text-200);max-width:520px}.hero-actions{margin:2rem 0 2.5rem;display:flex;flex-wrap:wrap;gap:1rem}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;padding-top:1rem}.stat{padding:1rem 1.2rem;border-radius:var(--radius-md);background:#121216a6;border:1px solid var(--line);box-shadow:var(--shadow)}.stat-value{display:block;font-size:1.6rem;font-weight:600}.stat-label{display:block;font-size:.85rem;color:var(--text-300)}.hero-visual{display:grid;gap:2rem;justify-items:center}.logo-frame{position:relative;padding:2rem;border-radius:32px;background:linear-gradient(135deg,#aa1b2c26,#0f0f12d9);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);overflow:hidden}.hero-logo{width:min(360px,70vw);aspect-ratio:1 / 1;border-radius:24px;object-fit:contain;background:#0b0b0d99}.logo-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 50% 50%,rgba(170,27,44,.45),transparent 60%);filter:blur(25px);z-index:-1}.tag-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:.75rem;width:100%}.tag-grid span{padding:.7rem 1rem;border-radius:999px;background:#121216b3;border:1px solid var(--line);text-align:center;font-size:.85rem;color:var(--text-200)}.section{padding:4.5rem 0}.section.dark{background:linear-gradient(140deg,#161114bf,#0b0b0de6);border-radius:var(--radius-lg);padding:4.5rem clamp(1.5rem,4vw,3rem);margin:0 -1rem}.section-header{max-width:680px;margin-bottom:2.5rem}.section-header h2{font-family:Saira Condensed,sans-serif;font-size:clamp(2rem,3vw,3rem);margin:.6rem 0 .8rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.card{padding:1.6rem;border-radius:var(--radius-md);background:#121216bf;border:1px solid var(--line);box-shadow:var(--shadow)}.card h3{margin-bottom:.6rem;font-size:1.2rem}.feature-list{display:grid;gap:1.5rem}.feature{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;padding:1.8rem;border-radius:var(--radius-md);background:#0c0c0fb3;border:1px solid var(--line)}.feature-index{font-family:Saira Condensed,sans-serif;font-size:2rem;color:var(--red-400)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem}.stats-actions{margin-top:1rem}.stat-card{padding:1.6rem;border-radius:var(--radius-md);background:#121216b3;border:1px solid var(--line);text-align:center}.stat-number{font-size:2rem;font-weight:600}.join{background:linear-gradient(120deg,#aa1b2c33,#0b0b0dcc);border-radius:var(--radius-lg);padding:4rem clamp(1.5rem,4vw,3rem)}.join-inner{display:grid;gap:2.5rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.step{padding:1.2rem;border-radius:var(--radius-sm);background:#0c0c0fb3;border:1px solid var(--line);display:grid;gap:.6rem}.step span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--red-500);font-weight:700}.join-actions{display:flex;flex-wrap:wrap;gap:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.gallery-card{padding:1.2rem;border-radius:var(--radius-md);background:#121216b3;border:1px solid var(--line);display:grid;gap:.8rem}.gallery-thumb{border-radius:16px;min-height:160px;display:grid;place-items:center;background:linear-gradient(140deg,#aa1b2c59,#0c0c0fcc);border:1px dashed rgba(255,255,255,.18);color:var(--text-200);font-weight:600;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.rules-list{display:grid;gap:1rem}.rules-item{padding:1rem 1.2rem;border-radius:var(--radius-md);background:#0c0c0fb3;border:1px solid var(--line)}.rules-item summary{cursor:pointer;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.rules-item summary::-webkit-details-marker{display:none}.rules-item summary:after{content:""}.rules-item[open] summary:after{content:""}.rules-title{flex:1}.rules-link{width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text-300);display:grid;place-items:center;font-weight:700;cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .2s ease}.rules-link:hover,.rules-link:focus{color:#fff;border-color:var(--red-500);transform:translateY(-1px)}.rules-item ul{margin-top:.8rem;padding-left:1.1rem;display:grid;gap:.6rem;color:var(--text-200)}.rules-footer{margin-top:1.2rem;color:var(--text-200)}.rules-footer a{color:#fff;text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050507b8;display:grid;place-items:center;z-index:50;padding:1.5rem}.modal{max-width:520px;background:#0f0f12f2;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:2rem;box-shadow:var(--shadow);display:grid;gap:1rem}.modal.invite-modal{max-width:920px;width:min(920px,100%);gap:1.2rem}.modal h3{font-size:1.4rem;font-family:Saira Condensed,sans-serif}.invite-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.invite-subtitle{color:var(--text-200);max-width:520px}.invite-meta{padding:.6rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffff0a;color:var(--text-200);font-size:.9rem}.invite-meta strong{color:var(--text-100)}.invite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.invite-card{position:relative;padding:1.2rem;background:#121216e6;border:1px solid var(--line);border-radius:var(--radius-md);display:grid;gap:.9rem;min-height:150px}.invite-rank{position:absolute;top:.8rem;right:1rem;color:var(--text-300);font-size:.85rem}.invite-profile{display:flex;gap:.8rem;align-items:center}.invite-avatar{width:52px;height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.1);object-fit:cover;background:var(--ink-700)}.invite-name{font-weight:600}.invite-id{font-size:.8rem;color:var(--text-300)}.invite-count{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-radius:var(--radius-sm);background:#aa1b2c1f;border:1px solid rgba(170,27,44,.35);font-weight:600}.invite-count span{font-size:.75rem;color:var(--text-300);text-transform:uppercase;letter-spacing:.08em}.invite-empty{padding:1.5rem;border-radius:var(--radius-md);border:1px dashed var(--line);color:var(--text-300);text-align:center}.modal-actions{display:flex;flex-wrap:wrap;gap:.8rem}@media (max-width: 720px){.invite-header{flex-direction:column;align-items:flex-start}}.cookie-banner{position:fixed;bottom:1.5rem;right:1.5rem;max-width:420px;background:#0f0f12f2;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.2rem 1.4rem;box-shadow:var(--shadow);display:grid;gap:1rem;z-index:60}.cookie-banner p{color:var(--text-200);font-size:.9rem}.cookie-actions{display:flex;justify-content:flex-end}.footer{padding:3rem 6vw 2rem;border-top:1px solid var(--line);margin-top:4rem}.footer-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;align-items:center}.footer-logo{width:64px;border-radius:16px;margin-bottom:.75rem}.footer-links{display:grid;gap:.6rem;color:var(--text-300)}.footer-bottom{margin-top:2rem;color:var(--text-300);font-size:.85rem}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 900px){.nav{position:sticky;top:0;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.2rem;padding:.9rem 4vw}.dev-banner{top:auto;position:relative}.nav-links{width:100%;display:none}.nav-actions{width:auto;display:flex;flex-wrap:wrap;gap:.6rem}.nav-actions .btn{width:auto}}@media (max-width: 600px){.brand-text{font-size:.95rem}.brand-logo{width:44px;height:44px}.nav-links{grid-template-columns:1fr}.hero-actions,.join-actions{flex-direction:column;align-items:stretch}.hero{padding-top:3.5rem}.cookie-banner{left:1rem;right:1rem;bottom:1rem}}