/* Home v2 — landing page escura e direta para entrar na cidade. */
body:has(.home-page) { background:#090f19; }.home-page { background:#090f19 !important; color:#eaf3fb; }.home-page + * { color-scheme:dark; }
body:has(.home-page) .site-header { border-bottom:1px solid rgba(140,194,228,.13) !important; background:rgba(9,17,29,.83) !important; box-shadow:none !important; backdrop-filter:blur(18px); }body:has(.home-page) .site-header .navbar-brand img { width:110px !important; height:auto !important; filter:brightness(0) invert(1); }body:has(.home-page) .site-header .navbar-brand:after { display:none; }body:has(.home-page) .site-header .nav-link { color:#a9bed0 !important; }body:has(.home-page) .site-header .nav-link:hover,body:has(.home-page) .site-header .nav-link.is-active { background:rgba(76,190,239,.11) !important; color:#dff6ff !important; }body:has(.home-page) .navbar-toggler { color:#dff6ff !important; }body:has(.home-page) .nav-login { border:1px solid rgba(101,211,250,.25); border-radius:9px; background:linear-gradient(135deg,#198ab7,#35b7e5); box-shadow:none; }
body:has(.home-page) .user-menu { border-color:rgba(174,218,242,.72) !important; background:rgba(255,255,255,.035); color:#fff !important; }body:has(.home-page) .user-menu span { color:#fff !important; }body:has(.home-page) .user-menu::after { color:#ccecff !important; }
.home-page .hero-section { min-height:min(800px,calc(100vh - 77px)); padding:82px 0 104px; background:radial-gradient(circle at 87% 32%,rgba(45,171,234,.22),transparent 22%),radial-gradient(circle at 20% 8%,rgba(57,99,235,.13),transparent 27%),linear-gradient(135deg,#0c1727 0%,#0a1320 54%,#10182a 100%) !important; }.home-page .hero-section::before { content:''; position:absolute; inset:0; display:block !important; opacity:.25; background-image:linear-gradient(rgba(126,181,222,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(126,181,222,.12) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to bottom,#000,transparent 86%); }.home-page #particles-js { opacity:.45; }.home-page .hero-eyebrow { display:inline-flex; align-items:center; gap:7px; margin:0 0 18px; padding:7px 10px; border:1px solid rgba(105,206,248,.26); border-radius:999px; background:rgba(43,154,212,.1); color:#7bd3f8; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.home-page .intro-text h1 { max-width:640px; margin-bottom:20px; color:#f6fbff !important; font-size:clamp(3.6rem,7vw,6.8rem); font-weight:850; letter-spacing:-.08em; line-height:.86; text-shadow:0 12px 34px rgba(0,0,0,.32); }.home-page .intro-text h1::before { display:none; }.home-page .intro-text p { max-width:540px; color:#a8bed0 !important; font-size:17px; line-height:1.75; }.home-page .hero-actions { gap:14px; }.home-page .hero-actions .btn-default { border:1px solid rgba(91,206,249,.24); border-radius:10px; background:linear-gradient(135deg,#1889b6,#32b7e5); box-shadow:0 14px 30px rgba(16,148,204,.2); }.home-page .hero-link { display:inline-flex; align-items:center; padding:11px 6px; color:#c9e3f2 !important; }.home-page .hero-link i { color:#7bd3f8 !important; }.home-page .hero-meta { gap:11px; margin-top:27px; }.home-page .hero-meta span,.home-page .hero-quick-info span { display:inline-flex; align-items:center; gap:6px; color:#8fa9bd; font-size:11px; font-weight:700; }.home-page .hero-meta i { color:#72d2f7 !important; }.hero-quick-info { display:flex; flex-wrap:wrap; gap:9px 15px; margin-top:17px; }.hero-quick-info span { color:#7896ad !important; font-size:10px !important; }.hero-quick-info i { color:#5cc7f5; }
.home-page .intro-img__container { max-width:560px; }.home-page .hero-image-glow { inset:8% -5% -7% 7%; border-radius:28px; background:linear-gradient(135deg,#157fae,#335fce); opacity:.55; filter:blur(2px); }.home-page .intro-img { border:1px solid rgba(146,207,241,.24); border-radius:18px 4px 18px 4px !important; box-shadow:0 30px 65px rgba(0,0,0,.38) !important; }.home-page .hero-server-card { right:-12px; bottom:25px; min-width:218px; padding:16px; border-color:rgba(105,207,248,.28); border-radius:12px; background:rgba(8,18,31,.89); box-shadow:0 18px 40px rgba(0,0,0,.35); }.home-page .hero-server-card span { color:#7e9bb2; }.home-page .hero-server-card strong { color:#f1f9ff; }.home-page .hero-server-card a { color:#7dd6fa; }.home-page .scroll-cue { color:#7f9bb1; }.home-page .scroll-cue i { border-color:rgba(110,207,248,.35); color:#79d5fa; }
.home-page .home-section { padding:106px 0; background:#0d1725 !important; }.home-page .steps-section,.home-page .features-section { background:#101d2d !important; }.home-page .roleplay-section,.home-page .news-section { background:#0a131f !important; }.home-page .section-subtitle { margin-left:0; color:#6ed1f8 !important; font-size:10px; letter-spacing:.14em; }.home-page .section-subtitle::before { display:none; }.home-page .section-header h2 { color:#f3f9fd !important; font-size:clamp(2.3rem,4vw,3.8rem); font-weight:800; }.home-page .section-header p,.home-page .section-copy { color:#9db3c5 !important; }.home-page .section-copy strong { color:#eff8ff !important; }.home-page .text-action { color:#93defb !important; }.home-page .text-action i { color:#60c9f4 !important; }
.home-page .how-to-play__card { border:1px solid rgba(139,190,225,.15); border-radius:15px; background:linear-gradient(145deg,#15253a,#101b2a) !important; box-shadow:none; }.home-page .how-to-play__card:hover { border-color:rgba(98,204,247,.48); background:linear-gradient(145deg,#192c44,#111e2f) !important; box-shadow:0 20px 38px rgba(0,0,0,.22); transform:translateY(-5px); }.home-page .step-number { color:rgba(154,201,232,.2); }.home-page .card-icon { background:rgba(79,190,239,.13) !important; color:#76d4f9 !important; }.home-page .how-to-play__card h3 { color:#f1f8fd !important; }.home-page .how-to-play__card p { color:#9eb3c6 !important; }.home-page .how-to-play__card a { color:#78d5fa !important; }.home-page .card-connect { border-color:rgba(255,151,82,.32); background:linear-gradient(145deg,#26325a,#17172b) !important; }.home-page .card-connect .card-icon { background:rgba(255,146,75,.14) !important; color:#ffa264 !important; }
.home-page .image-frame img,.home-page .image-frame--offset img { border:1px solid rgba(143,196,231,.16); border-radius:16px 4px 16px 4px !important; box-shadow:18px 18px 0 rgba(35,66,94,.72) !important; }.home-page .image-frame--offset img { box-shadow:-18px 18px 0 rgba(35,66,94,.72) !important; }.home-page .image-caption { border:1px solid rgba(114,203,244,.24); border-radius:7px; background:#123957; color:#dff6ff; }.home-page .feature-item>i { border-radius:10px; background:rgba(75,189,238,.12) !important; color:#73d1f7 !important; }.home-page .feature-item h3 { color:#f0f7fc !important; }.home-page .feature-item p { color:#9aafc1 !important; }
.home-page .join-us { padding:126px 0; background-image:linear-gradient(90deg,rgba(6,13,23,.96),rgba(8,18,31,.62)),url('../../images/home-page/join-us.webp') !important; }.home-page .join-us .section-subtitle { color:#7ed9f8 !important; }.home-page .join-us h2 { color:#f8fbff; }.home-page .join-us p { color:#b5cad9 !important; }.home-page .join-us__button { border:1px solid rgba(104,211,250,.24); border-radius:10px; background:linear-gradient(135deg,#198ab7,#35b7e5) !important; color:#fff !important; }.home-page .news-item { border:1px solid rgba(138,190,225,.16) !important; border-radius:15px; background:#111e2e !important; box-shadow:none; }.home-page .news-item:hover { border-color:rgba(100,203,246,.46) !important; box-shadow:0 20px 40px rgba(0,0,0,.25); }.home-page .news-item__image { border:0 !important; }.home-page .news-item__title { color:#f2f8fc !important; }.home-page .news-item__title:hover,.home-page .news-item__read { color:#77d5fa !important; }.home-page .news-item__description { color:#9aafc0 !important; }.home-page .news-item__footer { color:#7891a7 !important; }.home-page .card { border-color:rgba(138,190,225,.16); background:#111e2e; color:#eff8ff; }.home-page .card .text-muted { color:#9aafc0 !important; }
@media(max-width:991px) { .home-page .hero-section { padding:65px 0 92px; }.home-page .intro-img__container { margin:8px auto 0; }.home-page .home-section { padding:78px 0; } }@media(max-width:575px) { .home-page .hero-section { padding:52px 0 86px; }.home-page .intro-text h1 { font-size:3.55rem; }.home-page .hero-server-card { right:8px; bottom:14px; }.home-page .home-section { padding:64px 0; }.home-page .image-frame img { box-shadow:11px 11px 0 rgba(35,66,94,.72) !important; }.home-page .image-frame--offset img { box-shadow:-11px 11px 0 rgba(35,66,94,.72) !important; }.home-page .join-us { padding:92px 0; } }