:root{--bg: #1A0F2C;--panel: #2A1B3D;--muted: #A2A8B3;--text: #E7EBF0;--neon-pink: #FF6B9D;--neon-teal: #00D4FF;--neon-purple: #B537F2;--accent: var(--neon-pink);--accent-600: #E55A8A}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(900px 600px at 12% -8%,rgba(255,107,157,.08),transparent 60%),radial-gradient(800px 500px at 115% 0%,rgba(0,212,255,.06),transparent 58%);z-index:0}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(700px 500px at -10% 80%,rgba(255,107,157,.1),transparent 60%),radial-gradient(600px 420px at 50% 110%,rgba(0,212,255,.06),transparent 55%),radial-gradient(720px 520px at 120% 85%,rgba(181,55,242,.07),transparent 60%);z-index:0}.spotlight,.spotlight-side{max-width:100%}a{color:inherit;text-decoration:none}html,body{-ms-overflow-style:none;scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0}.container{max-width:1100px;margin:0 auto;padding:28px 20px}.rn-wrapper{position:sticky;top:10px;z-index:50}.rn-desktop{position:relative;display:none;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:8px 12px;border-radius:999px;-webkit-backdrop-filter:none;backdrop-filter:none;transition:box-shadow .2s ease,backdrop-filter .2s ease,transform .2s ease,width .2s ease}.rn-desktop.is-condensed{-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);box-shadow:0 0 0 1px #3a2b4d,0 8px 40px #1a0f2c66}.rn-logo{display:inline-flex;align-items:baseline;gap:8px;color:var(--text);text-decoration:none;padding:6px 8px}.rn-logo-mark{color:var(--neon-pink);font-size:10px}.rn-items{display:flex;gap:6px}.rn-link{position:relative;padding:8px 10px;border-radius:999px;color:var(--muted)}.rn-link:hover{background:#3a2b4d;color:var(--text)}.rn-mobile{display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 32px);margin:0 auto;padding:8px 12px;border-radius:16px}.rn-mobile.is-condensed{-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);box-shadow:0 0 0 1px #3a2b4d,0 8px 40px #1a0f2c66}.rn-mobile-header{display:flex;align-items:center;justify-content:space-between}.rn-toggle{background:#3a2b4d;border:1px solid #4A3B5D;color:var(--text);padding:6px 10px;border-radius:8px}.rn-mobile-menu{display:grid;gap:10px;padding:12px;background:var(--panel);border:1px solid #3A2B4D;border-radius:12px}@media (min-width: 992px){.rn-desktop{display:flex}.rn-mobile{display:none}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:14px;background:#3a2b4d;color:var(--text);border:1px solid #4A3B5D;transition:transform .1s ease,border-color .1s ease,background .1s ease}.btn:hover{transform:translateY(-1px);border-color:#5a4b6d;background:#4a3b5d}.btn-primary{background:var(--neon-pink);color:#1a0f2c;border:none}.btn-primary:hover{background:var(--accent-600)}.btn-secondary{background:transparent;border:1px solid var(--neon-pink);color:var(--neon-pink)}.btn-secondary:hover{background:#ff6b9d1a}.btn-discord{background:#5865f2;color:#fff;border:none}.btn-discord:hover{background:#4752c4}.gradient-btn{background:linear-gradient(135deg,var(--neon-pink),var(--neon-purple));color:#fff;border:none}.gradient-btn:hover{background:linear-gradient(135deg,var(--accent-600),#A42BE2)}.muted{color:var(--muted)}.divider{height:1px;background:#3a2b4d;border:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tags{display:flex;flex-wrap:wrap;gap:6px}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#3a2b4d;border:1px solid #4A3B5D;color:var(--muted);font-size:12px}.neon-pink{color:var(--neon-pink);text-shadow:0 0 10px rgba(255,107,157,.5)}.neon-teal{color:var(--neon-teal);text-shadow:0 0 10px rgba(0,212,255,.5)}.neon-purple{color:var(--neon-purple);text-shadow:0 0 10px rgba(181,55,242,.5)}.page{min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}.content{flex:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1)}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 40px;height:70px}.nav-logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.logo-dot{font-size:16px;color:#fff}.logo-text{font-size:18px;font-weight:600;color:#fff;letter-spacing:.5px}.nav-links{display:flex;gap:40px;align-items:center}.nav-link{color:#fffc;text-decoration:none;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease;padding:8px 0}.nav-link:hover{color:#fff}.nav-actions{display:flex;align-items:center}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding-top:70px}.hero-background{position:absolute;inset:0;z-index:0}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://images2.alphacoders.com/116/1168031.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.video-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#1a0f2cb3,#2d1b3d99,#3a2b4d80 60%,#1a0f2ccc);z-index:1}.cityscape{position:absolute;inset:0;background:linear-gradient(135deg,#1a0f2c,#2d1b3d,#3a2b4d);opacity:.3;z-index:2}.sunset-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(255,107,156,0) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,165,0,.2) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(138,43,226,.1) 0%,transparent 70%);z-index:3}.hero-content{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:1200px;margin:0 auto;padding:0 40px;width:100%;flex:1}.hero-text{display:flex;flex-direction:column;align-items:center;gap:40px}.hero-title{display:flex;flex-direction:column;gap:20px;margin:0}.title-main{font-size:clamp(64px,12vw,120px);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:.8;text-shadow:0 4px 20px rgba(0,0,0,.5);text-transform:uppercase}.title-sub{font-size:clamp(32px,6vw,60px);font-weight:700;color:#ffffffe6;letter-spacing:.1em;text-shadow:0 2px 10px rgba(0,0,0,.3);text-transform:uppercase}.hero-description{font-size:20px;line-height:1.6;color:#ffffffe6;margin:0;max-width:800px;font-weight:400;text-align:center}.hero-buttons{display:flex;gap:30px;margin-top:20px}.hero-buttons .btn{padding:18px 40px;font-size:18px;font-weight:600;border-radius:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;min-width:160px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:#fff;color:#1a0f2c;border:1px solid white}.btn-primary:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.btn-discord{background:#5865f2;color:#fff;border:1px solid #5865F2}.btn-discord:hover{background:#4752c4;transform:translateY(-2px)}@media (max-width: 1024px){.nav-container{padding:0 20px}.nav-links{gap:30px}.hero-content{padding:0 20px}.hero-text{gap:30px}}@media (max-width: 768px){.nav-container{padding:0 20px}.nav-links{display:none}.hero-content{padding:0 20px}.hero-buttons{flex-direction:column;align-items:center;gap:20px}.hero-buttons .btn{width:100%;max-width:280px}}@media (max-width: 480px){.nav-container{padding:0 15px}.logo-text{font-size:16px}.title-main{font-size:48px}.title-sub{font-size:24px}.hero-description{font-size:16px}}