.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:auto;padding:120px 24px 40px;display:flex;position:relative}@media (max-width:600px){.hero{padding-top:100px}}.hero-title{display:none}@media (max-width:600px){.hero-title{font-size:clamp(3rem,12vw,4rem)}}.hero-title .line1{color:#ffffffe6;display:block}@media (prefers-color-scheme:light){.hero-title .line1{color:#94a3b8}}.hero-title .line2{color:#00e5ff;display:block}@keyframes flicker{0%{opacity:1}3%{opacity:.4}6%{opacity:1}7%{opacity:.4}8%{opacity:1}9%{opacity:.4}10%{opacity:1}89%{opacity:1}90%{opacity:.4}to{opacity:1}}.landing-hero-title{font-family:var(--font-orbitron),sans-serif;text-transform:uppercase;color:#fff;letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:900;line-height:1;animation:4s infinite flicker}@media (min-width:640px){.landing-hero-title{font-size:3rem}}@media (min-width:768px){.landing-hero-title{font-size:4.5rem}}.landing-title-cyan{color:var(--cyan)}.landing-title-white{color:#ffffffe6}@media (prefers-color-scheme:light){.landing-title-white{color:#475569}}.hero-sub{font-family:var(--font-exo-2),sans-serif;color:#8a9db5;max-width:42rem;margin:24px auto 0;font-size:1.125rem;font-weight:300;line-height:1.6}@media (min-width:768px){.hero-sub{font-size:1.25rem}}@media (prefers-color-scheme:light){.hero-sub{color:#475569}}.hero-accent{color:var(--cyan);font-weight:600}.hero-role-wrapper{opacity:0;width:100%;max-width:900px;margin:32px auto;animation:.7s .8s forwards fadeUp}.mobile-role-tabs{margin-bottom:24px;display:none}@media (max-width:768px){.mobile-role-tabs{border:1px solid var(--border);background:#ffffff1f;border-radius:12px;gap:8px;padding:6px;display:flex}.role-tab{color:#8a9db5;font-family:var(--font-orbitron),monospace;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .3s}.role-tab.active{color:#fff;background:#fff3}.role-tab:first-child.active{color:var(--cyan);box-shadow:0 0 15px #00f5ff1a}.role-tab:last-child.active{color:var(--purple);box-shadow:0 0 15px #9b30ff1a}}.hero-role-cards{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}@media (max-width:768px){.hero-role-cards{grid-template-columns:1fr;gap:16px;margin-top:0}.hero-role-card.mobile-hidden{display:none}}.hero-role-card{border:1px solid var(--border);text-align:left;background:#ffffff1a;border-radius:6px;padding:24px 22px;transition:all .3s}.hero-role-card:hover{background:#ffffff29;border-color:#9b30ff4d;transform:translateY(-2px)}.hero-role-title{font-family:var(--font-orbitron),monospace;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;font-size:20px;font-weight:700}.hero-role-card[data-role=dev] .hero-role-title{color:var(--purple)}.hero-role-card[data-role=player] .hero-role-title{color:var(--cyan)}.hero-role-card[data-role=dev]:hover{border-color:#9b30ff4d}.hero-role-card[data-role=player]:hover{border-color:#00f5ff4d}.hero-role-list{flex-direction:column;gap:14px;list-style:none;display:flex}.hero-role-list li{color:#c8d8e8;padding-left:24px;font-size:16px;line-height:1.6;position:relative}@media (prefers-color-scheme:light){.hero-role-list li{color:#334155}}.hero-role-card[data-role=dev] .hero-role-list li:before{content:"▸";color:var(--purple);font-weight:700;position:absolute;left:0}.hero-role-card[data-role=player] .hero-role-list li:before{content:"▸";color:var(--cyan);font-weight:700;position:absolute;left:0}.role-section{width:100%;max-width:900px;margin:0 auto}.hero-cards-and-projects{grid-template-columns:480px 1fr;align-items:start;gap:40px;max-width:1400px;margin:0 auto;padding:20px 5% 40px;display:grid}.hero-cards-column{flex-direction:column;gap:20px;display:flex}.mobile-role-tabs{display:none}@media (max-width:1024px){.mobile-role-tabs{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0fd9;border-radius:12px;gap:8px;margin-bottom:8px;padding:6px;display:flex}@media (prefers-color-scheme:light){.mobile-role-tabs{background:#fffffff2;border-color:#0000001a}}.role-tab{color:#8a9db5;font-family:var(--font-orbitron),monospace;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .3s}@media (prefers-color-scheme:light){.role-tab{color:#64748b}}.role-tab.active{color:#fff;background:#fff3}@media (prefers-color-scheme:light){.role-tab.active{background:#0000000d}}.role-tab[data-role=dev].active{color:var(--purple);box-shadow:0 0 15px #9b30ff1a}.role-tab[data-role=player].active{color:var(--cyan);box-shadow:0 0 15px #00f5ff1a}.hero-role-card.mobile-hidden{display:none!important}.hero-cards-column{gap:0}}.hero-projects-column{min-width:0}@media (max-width:1024px){.hero-cards-and-projects{grid-template-columns:1fr;gap:40px}.hero-cards-column{width:100%;max-width:100%;margin:0}}.join-section{max-width:900px;margin:40px auto;padding:0 24px}