.home-hero { --home-hero-height: max(700px, calc(100svh - 142px)); min-height: var(--home-hero-height); background: radial-gradient(ellipse at 74% 48%, rgba(38, 81, 169, .3), transparent 42%), radial-gradient(ellipse at 42% 68%, rgba(79, 35, 125, .22), transparent 53%), linear-gradient(145deg, #050a17 0%, #0a1028 52%, #090d20 100%); color: #f5f8ff; }
.home-hero::before { inset: 0; background: radial-gradient(circle at 13% 18%, rgba(173, 198, 255, .72) 1px, transparent 2px), radial-gradient(circle at 76% 21%, rgba(148, 179, 255, .54) 1px, transparent 2px), radial-gradient(circle at 52% 79%, rgba(172, 151, 255, .6) 1px, transparent 2px), radial-gradient(circle at 88% 70%, rgba(122, 197, 255, .58) 1px, transparent 2px); background-size: 210px 190px, 270px 240px, 310px 260px, 190px 250px; opacity: .44; }
.home-hero-sky { display: none; position: absolute; inset: 0; pointer-events: none; }
body.azuria-site[data-bs-theme="dark"] .home-hero::before { animation: home-stars-twinkle 9s ease-in-out infinite alternate; }
body.azuria-site[data-bs-theme="dark"] .home-hero-sky { display: block; }
.home-hero-sky::before { position: absolute; inset: 0; background: radial-gradient(circle at 34% 28%, rgba(200, 221, 255, .8) 1px, transparent 2px), radial-gradient(circle at 70% 65%, rgba(139, 202, 255, .7) 1px, transparent 2px); background-size: 290px 230px, 340px 300px; opacity: .35; animation: home-stars-twinkle 13s ease-in-out -6s infinite alternate; content: ''; }
.home-shooting-star { position: absolute; top: 13%; left: 36%; width: clamp(75px, 9vw, 125px); height: 2px; border-radius: 999px; background: linear-gradient(90deg, transparent, rgba(151, 207, 255, .25) 35%, #d9f2ff); box-shadow: 0 0 10px rgba(130, 196, 255, .4); opacity: 0; transform: translate3d(-90px, -45px, 0) rotate(24deg); animation: home-shooting-star 13s linear -4s infinite; }
.home-shooting-star::after { position: absolute; top: -2px; right: 0; width: 6px; height: 6px; border-radius: 50%; background: #effaff; box-shadow: 0 0 12px 3px rgba(134, 206, 255, .7); content: ''; }
.home-shooting-star:nth-child(2) { top: 38%; left: 69%; animation-duration: 17s; animation-delay: -11s; }
@keyframes home-stars-twinkle { 0% { opacity: .12; } 45% { opacity: .52; } 100% { opacity: .22; } }
@keyframes home-shooting-star { 0%, 78% { opacity: 0; transform: translate3d(-90px, -45px, 0) rotate(24deg); } 80% { opacity: .85; } 88% { opacity: 0; transform: translate3d(220px, 110px, 0) rotate(24deg); } 100% { opacity: 0; } }
.home-hero::after { position: absolute; right: 0; bottom: 0; left: 0; height: 130px; background: linear-gradient(transparent, var(--az-bg)); content: ''; pointer-events: none; }
.hero-inner.container { z-index: 1; width: calc(100% - clamp(32px, 7vw, 160px)); max-width: 1500px; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: 0; min-height: var(--home-hero-height); padding: 3.4rem clamp(16px, 3vw, 72px) 4.5rem; }
.hero-inner-no-art.container { grid-template-columns: minmax(0, 1fr); }
.hero-copy { position: relative; z-index: 2; max-width: 660px; padding-block: 3rem; }
.home-hero-wordmark { display: block; color: #f4f7ff; font-family: 'Outfit', sans-serif; font-size: clamp(4rem, 7.3vw, 7.6rem); font-weight: 800; letter-spacing: -.075em; line-height: 1; text-shadow: 0 10px 42px rgba(55, 107, 225, .28); }
.home-hero-wordmark span { color: #6eb8ff; text-shadow: 0 0 30px rgba(43, 149, 255, .75); }
.hero-copy h1 { max-width: 570px; margin: .8rem 0 1rem; color: #c7d7f1; font-size: clamp(1.45rem, 2.2vw, 2.25rem); font-weight: 500; line-height: 1.3; }
.hero-description { max-width: 545px; margin-bottom: 1.4rem; color: #a9bad6; font-size: 1.03rem; line-height: 1.75; }
.home-hero-highlights { display: flex; flex-wrap: wrap; gap: .75rem 1.1rem; margin-bottom: 2rem; }
.home-hero-highlights span { display: inline-flex; align-items: center; gap: .35rem; color: #cad9f0; font-size: .81rem; font-weight: 700; }
.home-hero-highlights .bi { color: #75b9ff; }
.hero-actions { gap: .7rem; }
.hero-actions .btn { min-height: 50px; padding-inline: 1.3rem; border-radius: .68rem; font-size: .9rem; }
.home-hero .hero-actions .btn-primary { box-shadow: 0 8px 29px rgba(42, 119, 252, .38); }
.home-hero .hero-actions .btn-outline-light { --bs-btn-color: #eaf3ff; --bs-btn-border-color: rgba(189, 213, 255, .38); --bs-btn-hover-color: #08132a; --bs-btn-hover-bg: #eaf3ff; --bs-btn-hover-border-color: #eaf3ff; }
body.azuria-site[data-bs-theme="light"] .home-hero .hero-actions .btn-outline-light { --bs-btn-color: #17436f; --bs-btn-border-color: #90accb; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #1d6dcc; --bs-btn-hover-border-color: #1d6dcc; }
.home-hero-art { position: relative; z-index: 1; display: grid; align-items: center; justify-items: center; min-width: 0; height: 100%; }
.home-hero-art img { position: relative; width: min(900px, 100%); max-width: none !important; height: auto !important; animation: home-island-float 8s ease-in-out infinite; }
.home-hero-scroll { position: absolute; z-index: 3; right: 0; bottom: 2.2rem; left: 0; display: flex; flex-direction: column; align-items: center; gap: .15rem; width: max-content; margin: auto; color: #9eb4d8; font-size: .67rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.home-hero-scroll:hover { color: #fff; }
.home-hero-scroll .bi { color: #75b9ff; font-size: 1.1rem; }
body.azuria-site[data-bs-theme="light"] .home-hero { background: radial-gradient(ellipse at 75% 45%, rgba(112, 176, 247, .35), transparent 47%), radial-gradient(ellipse at 35% 72%, rgba(172, 197, 239, .22), transparent 55%), linear-gradient(145deg, #f8fbff 0%, #edf5ff 52%, #e3effe 100%); color: #183655; }
body.azuria-site[data-bs-theme="light"] .home-hero::before { background: radial-gradient(circle at 13% 18%, rgba(53, 119, 200, .55) 1px, transparent 2px), radial-gradient(circle at 76% 21%, rgba(65, 130, 205, .44) 1px, transparent 2px), radial-gradient(circle at 52% 79%, rgba(88, 118, 192, .4) 1px, transparent 2px), radial-gradient(circle at 88% 70%, rgba(47, 137, 206, .46) 1px, transparent 2px); opacity: .32; }
body.azuria-site[data-bs-theme="light"] .home-hero-wordmark { color: #163555; text-shadow: 0 10px 36px rgba(64, 120, 190, .13); }
body.azuria-site[data-bs-theme="light"] .home-hero-wordmark span { color: #267bd3; text-shadow: 0 0 28px rgba(79, 158, 239, .28); }
body.azuria-site[data-bs-theme="light"] .hero-copy h1 { color: #365577; }
body.azuria-site[data-bs-theme="light"] .hero-description { color: #526d8b; }
body.azuria-site[data-bs-theme="light"] .home-hero-highlights span { color: #395a7c; }
body.azuria-site[data-bs-theme="light"] .home-hero-highlights .bi { color: #2478cb; }
body.azuria-site[data-bs-theme="light"] .home-hero-scroll { color: #577391; }
body.azuria-site[data-bs-theme="light"] .home-hero-scroll:hover { color: #155ca8; }
body.azuria-site[data-bs-theme="light"] .home-hero-scroll .bi { color: #2478cb; }
@keyframes home-island-float { 50% { transform: translateY(-12px); } }

.home-content.container { width: calc(100% - clamp(32px, 7vw, 160px)); max-width: 1500px; padding: 2rem clamp(16px, 3vw, 72px) 5rem; }
.home-content-discord-last.container { padding-bottom: 0; }
.home-message { align-items: center; margin-bottom: 1rem; padding: 1.3rem 0; border: 0; border-bottom: 1px solid var(--az-border); border-radius: 0; background: transparent; }
.home-message-icon { border-radius: 50%; }
.home-discover-heading { margin-bottom: 1.5rem; }
.news-section { padding-top: 1.5rem; }
.news-section .news-card { overflow: visible; border: 0; border-radius: 0; background: transparent; }
.news-section .news-image { overflow: hidden; border-radius: 1.25rem; }
.news-section .news-body { padding: 1.25rem .15rem 0; }
.news-section .news-body h3 { font-size: 1.55rem; }

.home-guide { max-width: 1200px; margin: clamp(3rem, 5vw, 5rem) auto; }
.home-guide-heading { max-width: 780px; margin-bottom: 1.7rem; }
.home-guide-eyebrow { color: var(--az-accent); font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.home-guide-heading h2 { margin: .5rem 0 .75rem; color: var(--az-text); font-family: 'Outfit', sans-serif; font-size: clamp(2rem, 3.4vw, 3.4rem); font-weight: 800; line-height: 1.1; }
.home-guide-heading p { margin: 0; color: var(--az-muted); font-size: 1.05rem; line-height: 1.7; }
.home-guide-faq h3 { margin: 0 0 1rem; color: var(--az-text); font-family: 'Outfit', sans-serif; font-size: clamp(1.35rem, 2vw, 1.75rem); font-weight: 700; }
.home-guide-faq details { margin-top: .65rem; padding: 1rem 1.2rem; border: 1px solid var(--az-border); border-radius: .8rem; background: var(--az-surface); }
.home-guide-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: var(--az-text); font-weight: 700; cursor: pointer; list-style: none; }
.home-guide-faq summary::-webkit-details-marker { display: none; }
.home-guide-faq details[open] summary { padding-bottom: .85rem; border-bottom: 1px solid var(--az-border); }
.home-guide-faq summary::after { flex: none; color: var(--az-accent); content: '+'; font-size: 1.3rem; line-height: 1; }
.home-guide-faq details[open] summary::after { content: '−'; }
.home-guide-faq details p { margin: .85rem 0 0; color: var(--az-muted); line-height: 1.7; }
.home-guide-faq strong, .home-guide-faq code { color: var(--az-text); }
.home-guide-faq code { font-weight: 700; }
.home-guide-faq a { color: var(--az-accent); font-weight: 700; }
.home-guide-faq a:hover { text-decoration: underline; }

@media (max-width: 991.98px) {
    .home-hero { --home-hero-height: max(615px, calc(100svh - 140px)); }
    .hero-inner.container { display: flex; flex-direction: column; justify-content: center; gap: 1rem; padding-top: 3rem; padding-bottom: 5.5rem; }
    .hero-copy { max-width: 680px; padding-block: 0; text-align: center; }
    .home-hero-wordmark { font-size: clamp(3.8rem, 8vw, 6rem); }
    .hero-description { margin-inline: auto; }
    .home-hero-highlights, .hero-actions { justify-content: center; }
    .home-hero-art { width: min(100%, 490px); height: auto; margin-inline: auto; }
    .home-hero-art img { width: 100%; max-height: 360px; object-fit: contain; }
}

@media (max-width: 767.98px) {
    .home-hero { min-height: 100svh; }
    .hero-inner.container { min-height: 0; padding-top: 3rem; padding-bottom: 5.5rem; }
    .hero-copy { max-width: 630px; }
    .home-hero-wordmark { font-size: clamp(3.2rem, 11.5vw, 5rem); }
    .hero-copy h1 { font-size: clamp(1.45rem, 4vw, 2rem); }
    .home-hero-art { width: min(100%, 420px); }
    .home-hero-art img { max-height: min(38svh, 320px); }
    .home-hero-scroll { bottom: 1.4rem; }
    .home-content.container { width: calc(100% - 32px); padding-inline: 0; }
    .home-message { flex-direction: column; align-items: center; text-align: center; }
    .home-guide-heading p { font-size: 1rem; }
}

@media (max-width: 575.98px) {
    .hero-inner.container { width: calc(100% - 32px); padding-inline: 0; }
    .home-hero-wordmark { font-size: clamp(2.65rem, 12.5vw, 4.2rem); }
    .hero-copy h1 { margin-top: .5rem; }
    .hero-description { font-size: .95rem; }
    .home-hero-highlights { gap: .5rem .85rem; margin-bottom: 1.5rem; }
    .home-hero-highlights span { font-size: .76rem; }
    .hero-actions { width: 100%; }
    .hero-actions .btn { width: 100%; }
    .home-hero-art { width: min(100%, 350px); margin-top: .2rem; }
    .home-hero-art img { max-height: min(34svh, 260px); }
}

@media (prefers-reduced-motion: reduce) {
    .home-hero-art img { animation: none; }
    .home-hero::before, .home-hero-sky::before { animation: none !important; }
    .home-shooting-star { display: none; }
}