/* Trang chủ, tin tức, tải game */

.main-content a:not(.btn) { color: #7cc4ff; }

.page-title.left { text-align: left; margin-bottom: 0; }

/* Khối chào mừng */
.hero {
    text-align: center;
    padding: 1.5rem 1rem 2rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.hero-title { font-size: 2rem; margin-bottom: 0.75rem; color: #fff; }
.hero-intro { color: #d0d4e4; max-width: 700px; margin: 0 auto 1.25rem; line-height: 1.6; }
.hero-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

/* Tiêu đề từng khu vực */
.section-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
.section-title { color: #fff; margin: 0 0 0.75rem; }
.section-head .section-title { margin: 0; }
.section-tools { display: flex; gap: 8px; flex-wrap: wrap; }

/* Danh sách tin */
.news-list { display: flex; flex-direction: column; gap: 14px; }
.news-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    transition: border-color 0.2s ease;
}
.news-card:hover { border-color: rgba(120, 219, 255, 0.5); }
.news-title { margin: 0 0 0.35rem; font-size: 1.15rem; }
.news-title a { color: #fff !important; text-decoration: none; }
.news-title a:hover { color: #7cc4ff !important; }
.news-meta { font-size: 0.85rem; color: #9aa3bd; margin-bottom: 0.6rem; }
.news-excerpt { color: #d0d4e4; line-height: 1.55; margin: 0 0 0.8rem; word-break: break-word; }
.news-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.news-stats { color: #9aa3bd; font-size: 0.9rem; }
.news-actions { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }

/* Bài viết đầy đủ */
.news-full-title { color: #fff; font-size: 1.6rem; margin-bottom: 0.4rem; word-break: break-word; }
.news-body { color: #e2e6f3; line-height: 1.7; margin: 1rem 0 1.25rem; word-break: break-word; }
.news-full .news-footer {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.btn-danger { border-color: rgba(239, 68, 68, 0.6); color: #ff8a8a; }
.btn-danger:hover { background: rgba(239, 68, 68, 0.25); }
.btn[disabled] { opacity: 0.6; cursor: not-allowed; }

.like-btn.liked {
    border-color: #ff5d8f;
    color: #ff8fb1;
    background: rgba(255, 93, 143, 0.15);
}

/* Bình luận */
.comments { margin-top: 2rem; }
.comment-form { margin-bottom: 1.25rem; }
.comment-list { display: flex; flex-direction: column; gap: 10px; }
.comment {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 0.7rem 1rem;
}
.comment-head { display: flex; align-items: center; gap: 10px; margin-bottom: 0.3rem; flex-wrap: wrap; }
.comment-head strong { color: #7cc4ff; }
.comment-time { font-size: 0.8rem; color: #8892ad; }
.comment-text { color: #e2e6f3; line-height: 1.55; word-break: break-word; }
.comment-del {
    margin-left: auto;
    background: none;
    border: none;
    color: #ff8a8a;
    cursor: pointer;
    font-size: 0.85rem;
}
.comment-del:hover { text-decoration: underline; }

.empty-note { text-align: center; color: #9aa3bd; padding: 1.5rem 0; }
.login-hint { text-align: center; color: #9aa3bd; margin-top: 1.25rem; font-size: 0.95rem; }

.pager { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 1.25rem; }
.pager-info { color: #9aa3bd; }

/* Trang tải game */
.dl-info { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 1.25rem; }
.dl-info div {
    flex: 1 1 140px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 0.7rem 1rem;
    text-align: center;
}
.dl-info span { display: block; font-size: 0.8rem; color: #9aa3bd; margin-bottom: 0.2rem; }
.dl-info strong { color: #fff; }
.dl-links { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 1.5rem; }
.dl-btn { padding: 0.9rem 2rem; font-size: 1.05rem; }
.dl-section { margin-top: 1.5rem; }

/* Form soạn thảo (đăng tin, chỉnh sửa trang) */
.form-container.wide .form-card { max-width: 820px; width: 100%; }
textarea.form-input { resize: vertical; min-height: 90px; font-family: inherit; line-height: 1.5; }
.form-row { display: flex; gap: 12px; flex-wrap: wrap; }
.form-row .form-group { flex: 1 1 180px; }
.form-row .form-group.grow { flex: 3 1 260px; }
.link-row { margin-bottom: 0; }


/* Tiêu ngữ và nội dung hướng dẫn ngay bên dưới */
.site-header {
    position: relative;
    background: linear-gradient(135deg, rgba(10, 10, 10, 0.96), rgba(26, 26, 46, 0.97) 50%, rgba(10, 10, 10, 0.96));
    border-bottom: 2px solid rgba(255, 119, 198, 0.4);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45);
}
.site-heading {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 1.25rem 0.75rem;
    text-align: center;
}
.site-heading .menu-title {
    width: 100%;
    margin: 0 0 0.85rem;
    text-align: center;
    white-space: normal;
    font-size: clamp(1.35rem, 3vw, 1.8rem);
}

/* Hướng dẫn nằm ngay dưới tiêu ngữ, phía trên hàng menu */
.knb-guide {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0.9rem 1.25rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 85, 95, 0.35);
    border-radius: 12px;
}
.knb-guide h2 {
    margin: 0 0 0.45rem;
    color: #ff626a;
    font-size: clamp(1.15rem, 2.7vw, 1.55rem);
    line-height: 1.35;
    text-shadow: 0 0 12px rgba(255, 48, 56, 0.25);
}
.knb-guide-list p {
    margin: 0;
    padding: 0.28rem 0;
    color: #e2e6f3;
    line-height: 1.55;
    text-align: center;
}

/* Chia menu thành trái - DONATE chính giữa - phải */
.top-menu {
    padding: 0.25rem 0 0.75rem;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
}
.top-menu::before { display: none; }
.top-menu .menu-container {
    width: 100%;
    max-width: 1400px;
    justify-content: center;
    padding: 0 1rem;
}
.top-menu .menu-items {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    margin: 0;
    padding: 0;
}
.top-menu .menu-side { width: 100%; }
.top-menu .menu-before { justify-self: end; }
.top-menu .menu-after { justify-self: start; }
.top-menu .menu-side-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.35rem;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.top-menu .menu-before .menu-side-items { justify-content: flex-end; }
.top-menu .menu-after .menu-side-items { justify-content: flex-start; }
.top-menu .menu-link { padding: 0.45rem 0.7rem; }
.top-menu .menu-link.donate-link,
.top-menu .menu-link.donate-link.active {
    color: #ff3038 !important;
    -webkit-text-fill-color: #ff3038;
    font-weight: 900;
    font-size: 1.1rem;
    letter-spacing: 0.08em;
    text-shadow: 0 0 10px rgba(255, 35, 45, 0.7);
}
.top-menu .menu-link.donate-link:hover {
    color: #ff7378 !important;
    -webkit-text-fill-color: #ff7378;
    border-color: rgba(255, 48, 56, 0.75);
    box-shadow: 0 4px 18px rgba(255, 35, 45, 0.38);
}

@media (max-width: 900px) {
    .top-menu .menu-items { grid-template-columns: minmax(0, 1fr); }
    .top-menu .menu-donate-slot { grid-row: 1; justify-self: center; }
    .top-menu .menu-before { grid-row: 2; }
    .top-menu .menu-after { grid-row: 3; }
    .top-menu .menu-before .menu-side-items,
    .top-menu .menu-after .menu-side-items { justify-content: center; }
}
@media (max-width: 640px) {
    .site-heading { padding: 0.85rem 0.75rem 0.65rem; }
    .knb-guide { padding: 0.75rem; }
    .knb-guide-list p { padding: 0.25rem 0; font-size: 0.9rem; }
    .top-menu .menu-container { padding: 0 0.5rem; }
    .top-menu .menu-link { padding: 0.4rem 0.55rem; font-size: 0.83rem; }
    .top-menu .menu-link.donate-link { font-size: 1rem; }
}


/* Khung soạn thảo tin tức thuần trình duyệt, không dùng thư viện ngoài */
.news-editor-toolbar[hidden],
.news-editor-area[hidden],
.news-editor-source[hidden] { display: none !important; }
.news-editor-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    padding: 0.7rem;
    margin-bottom: 0.55rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
}
.news-editor-toolbar .btn { padding: 0.45rem 0.75rem; }
.news-editor-size { width: auto; min-width: 100px; padding: 0.45rem 0.6rem; }
.news-editor-color { display: inline-flex; align-items: center; gap: 0.4rem; color: #e2e6f3; font-size: 0.9rem; }
.news-editor-color input[type="color"] {
    width: 38px; height: 34px; padding: 2px;
    border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 5px;
    background: transparent; cursor: pointer;
}
.news-editor-area {
    min-height: 330px; max-height: 65vh; overflow: auto;
    padding: 0.9rem 1rem; color: #f4f6ff; line-height: 1.65;
    white-space: normal; background: rgba(8, 12, 25, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.22);
}
.news-editor-area:focus { outline: none; border-color: #78d3ff; box-shadow: 0 0 0 3px rgba(120, 211, 255, 0.15); }
.news-editor-area p { margin: 0 0 0.7rem; }
.news-editor-area img, .news-body img { max-width: 100%; height: auto; border-radius: 6px; }
.news-editor-area iframe, .news-body iframe {
    display: block; width: 100%; max-width: 720px; aspect-ratio: 16 / 9;
    height: auto; margin: 0.8rem auto; border: 0; border-radius: 8px;
}
.news-editor-help { margin: 0.5rem 0 0; color: #9aa3bd; font-size: 0.85rem; line-height: 1.45; }

/* Nút chia sẻ tin tức và trang tải game */
.share-panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin: 0.8rem 0;
    padding: 0.65rem 0.75rem;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
}
.share-panel-label { margin-right: 0.15rem; color: #cbd2e5; font-size: 0.9rem; }
.share-panel .share-btn { padding: 0.4rem 0.7rem; }
.share-facebook { border-color: rgba(89, 149, 255, 0.55); color: #a9cbff; }
.share-copy { border-color: rgba(116, 219, 162, 0.45); color: #a9edc5; }
.share-status { min-height: 1.2em; color: #8ee3ad; font-size: 0.85rem; }
.share-note { margin: -0.45rem 0 0.8rem; color: #9aa3bd; font-size: 0.82rem; line-height: 1.45; }
.share-note-list { margin: 0 0 0.8rem; color: #9aa3bd; font-size: 0.82rem; line-height: 1.45; }
.share-panel-compact { margin-top: 0.65rem; }
.news-engagement { margin-top: -0.35rem; margin-bottom: 0.75rem; }
.page-engagement { margin-top: -0.55rem; }


/* Modern MMORPG shell: compact global navigation. */
.site-header{position:relative;z-index:1100;background:linear-gradient(120deg,rgba(7,12,22,.98),rgba(16,24,38,.97));border-bottom:1px solid rgba(220,184,113,.24);box-shadow:0 12px 36px rgba(0,0,0,.25)}
.site-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:0 auto;padding:17px 24px 13px;text-align:left}
.site-brand{display:inline-flex;align-items:center;gap:11px;color:#f4ead3;text-decoration:none;min-width:0}
.site-brand-mark{display:grid;place-items:center;width:43px;height:43px;flex:0 0 auto;border:1px solid rgba(220,184,113,.42);border-radius:13px;background:linear-gradient(145deg,rgba(225,188,113,.18),rgba(255,255,255,.025));box-shadow:inset 0 0 18px rgba(225,188,113,.08)}
.site-brand-mark svg{width:30px;height:30px;fill:none;stroke:#dfbd7b;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.site-brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.site-brand-copy small{color:#b2a17d;font-size:9px;font-weight:700;letter-spacing:.22em}
.site-brand-copy strong{max-width:min(56vw,440px);overflow:hidden;color:#f6f0e4;font-size:clamp(17px,2.2vw,23px);font-weight:750;letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap}
.site-heading-note{color:#8490a5;font-size:10px;font-weight:700;letter-spacing:.18em;text-align:right}
.top-menu{padding:0;background:rgba(6,10,18,.62);border:0;border-top:1px solid rgba(255,255,255,.045);box-shadow:none;backdrop-filter:blur(12px)}
.top-menu::before{display:none}
.top-menu .menu-container{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;max-width:1320px;margin:0 auto;padding:8px 24px}
.menu-primary{display:flex;align-items:center;gap:5px;min-width:0}
.top-menu .menu-link{position:relative;z-index:auto;display:inline-flex;align-items:center;overflow:visible;padding:10px 12px;border:1px solid transparent;border-radius:9px;color:#c7ceda;font-size:13px;font-weight:600;text-decoration:none;transition:color .18s ease,background .18s ease,border-color .18s ease}
.top-menu .menu-link::before{display:none}
.top-menu .menu-link:hover,.top-menu .menu-link.active{color:#fff1ce;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}
.nav-dropdown{position:relative;z-index:4}
.nav-dropdown summary{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:9px;color:#c7ceda;font-size:13px;font-weight:600;list-style:none;cursor:pointer;user-select:none}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary::after{content:"";width:7px;height:7px;border-right:1.5px solid #aeb6c4;border-bottom:1.5px solid #aeb6c4;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.nav-dropdown[open] summary,.nav-dropdown.has-active summary,.nav-dropdown summary:hover{color:#fff1ce;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}
.nav-dropdown[open] summary::after{transform:rotate(225deg) translate(-2px,-1px)}
.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;display:grid;grid-template-columns:1fr;gap:3px;min-width:210px;padding:8px;border:1px solid rgba(220,184,113,.25);border-radius:13px;background:rgba(13,19,30,.98);box-shadow:0 20px 44px rgba(0,0,0,.45);backdrop-filter:blur(18px)}
.nav-dropdown-link{display:block;padding:9px 11px;border-radius:8px;color:#d2d8e2;font-size:12px;text-decoration:none;transition:background .15s ease,color .15s ease}
.nav-dropdown-link:hover,.nav-dropdown-link.active{background:rgba(220,184,113,.12);color:#f3d69b}
.menu-donate,.menu-login,.menu-register{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 15px;border:1px solid rgba(220,184,113,.36);border-radius:9px;color:#f3d59a;background:rgba(220,184,113,.09);font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.menu-donate:hover,.menu-login:hover,.menu-register:hover{transform:translateY(-1px);border-color:#dfbd7b;background:rgba(220,184,113,.17);color:#fff0c7}
.menu-donate.active{background:rgba(220,184,113,.2)}
.menu-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.menu-logout{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;color:#d2d8e2;font-size:12px;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease}
.menu-logout:hover{color:#fff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.menu-logout-label{font-weight:700}
.menu-account-name{max-width:105px;overflow:hidden;color:#aeb6c5;font-size:11px;text-overflow:ellipsis}
@media(max-width:900px){.site-heading{padding:14px 18px 12px}.top-menu .menu-container{flex-wrap:wrap;justify-content:center;gap:9px;padding:8px 16px}.menu-primary{justify-content:center;flex-wrap:wrap}.menu-account-actions{justify-content:center}.site-heading-note{font-size:9px}}
@media(max-width:560px){.site-heading{padding:12px 14px}.site-brand-mark{width:38px;height:38px}.site-brand-mark svg{width:27px;height:27px}.site-heading-note{display:none}.top-menu .menu-container{gap:7px;padding:7px 9px}.menu-primary{gap:2px}.top-menu .menu-link,.nav-dropdown summary{padding:8px 9px;font-size:11px}.menu-donate,.menu-login,.menu-register{min-height:34px;padding:0 10px;font-size:11px}.menu-account-actions{gap:5px}.menu-account-name{max-width:72px}.menu-logout{padding:6px 8px}}

/* Homepage hero and carousel. */
.home-page{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:24px 0 94px;color:#e9edf5}
.home-hero{position:relative;isolation:isolate;min-height:clamp(450px,43vw,570px);overflow:hidden;border:1px solid rgba(220,184,113,.22);border-radius:22px;background:#09111e;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.home-slides{position:absolute;inset:0}
.home-slide{position:absolute;inset:0;display:flex;align-items:center;visibility:hidden;opacity:0;background-position:center right;background-size:cover;transition:opacity .8s ease,visibility .8s ease}
.home-slide-1{background-image:url('../images/home-slide-01.webp')}
.home-slide-2{background-image:url('../images/home-slide-02.webp')}
.home-slide-3{background-image:url('../images/home-slide-03.webp')}
.home-slide.is-active{visibility:visible;opacity:1}
.home-hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,10,20,.94) 0%,rgba(7,14,26,.82) 31%,rgba(8,15,27,.28) 64%,rgba(6,10,18,.06) 100%),linear-gradient(0deg,rgba(4,8,15,.58),transparent 33%)}
.home-slide-content{position:relative;z-index:2;width:min(720px,74%);padding:clamp(34px,5.6vw,72px);padding-right:22px;padding-bottom:92px}
.home-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 16px;color:#e0c181;font-size:10px;font-weight:750;letter-spacing:.2em}
.home-eyebrow span{width:25px;height:1px;background:#dbb770}
.home-slide-content h2{margin:0 0 16px;color:#f6f1e7;font-size:clamp(34px,4.25vw,54px);font-weight:750;line-height:1.1;letter-spacing:-.035em;text-shadow:0 3px 22px rgba(0,0,0,.45)}
.home-slide-content h2 em{color:#e9cb8d;font-style:normal}
.home-slide-copy{max-width:520px;margin:0 0 25px;color:#d0d6e0;font-size:15px;line-height:1.75;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.home-slide-copy p{margin:0}
.home-hero-actions,.home-community-actions{display:flex;flex-wrap:wrap;gap:10px}
.home-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:45px;padding:0 17px;border:1px solid rgba(255,255,255,.18);border-radius:9px;color:#ecedf1;background:rgba(15,22,33,.56);font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.home-button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.35);background:rgba(21,30,44,.83);color:#fff}
.home-button-primary{border-color:#dbb770;color:#1c1b18;background:linear-gradient(120deg,#efd296,#c69a4b);box-shadow:0 8px 26px rgba(199,156,76,.19)}
.home-button-primary:hover{border-color:#f6dfa9;color:#171613;background:linear-gradient(120deg,#f5dfad,#d7ae64)}
.home-button-quiet{background:rgba(12,19,31,.44);backdrop-filter:blur(8px)}
.home-hero-bottom{position:absolute;right:clamp(20px,4vw,45px);bottom:22px;left:clamp(20px,4vw,45px);z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px}
.home-slide-controls{display:flex;align-items:center;gap:11px}
.home-slide-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:#f1e7d1;background:rgba(7,12,20,.44);font-size:21px;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.home-slide-arrow:hover{border-color:#dfbd7b;background:rgba(220,184,113,.18)}
.home-slide-dots{display:flex;align-items:center;gap:7px}
.home-slide-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.43);cursor:pointer;transition:width .2s ease,background .2s ease}
.home-slide-dot.is-active{width:24px;background:#e4c47f}
.home-hero-caption{color:rgba(235,231,220,.65);font-size:9px;font-weight:700;letter-spacing:.17em}
.home-admin-edit{position:absolute;top:16px;right:16px;z-index:4;padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:7px;color:#f4e5c6;background:rgba(5,10,18,.66);font-size:10px;text-decoration:none}
.home-admin-edit:hover{background:rgba(5,10,18,.9)}

.home-quicklinks{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:-1px 18px 0;padding:0 0 0}
.home-quicklink{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:16px 14px;border:1px solid rgba(220,184,113,.17);border-top-color:rgba(220,184,113,.28);border-radius:0 0 12px 12px;color:#e8e9ec;background:linear-gradient(145deg,#111a28,#0d1420);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.home-quicklink:hover{transform:translateY(3px);border-color:rgba(220,184,113,.42);background:#172235}
.home-quick-index{color:#d8b66f;font-size:10px;font-weight:800;letter-spacing:.08em}
.home-quicklink strong,.home-quicklink small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-quicklink strong{font-size:12px}
.home-quicklink small{margin-top:4px;color:#939dae;font-size:10px}
.home-quicklink b{color:#b99b60;font-size:16px;font-weight:500}

.home-section{margin-top:61px}
.home-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}
.home-section-head h2,.home-earn-heading h2,.home-community-banner h2{margin:0;color:#f0eee8;font-size:clamp(24px,3vw,34px);letter-spacing:-.03em}
.home-section-head p:not(.home-eyebrow){margin:7px 0 0;color:#a3aaba;font-size:12px;line-height:1.6}
.home-eyebrow-dark{margin-bottom:9px;color:#b69760}
.home-section-actions{display:flex;flex-wrap:wrap;gap:8px}
.home-outline-link{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#d4d9e2;font-size:11px;text-decoration:none}
.home-outline-link:hover{border-color:rgba(220,184,113,.43);color:#f2d498}
.home-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-news-grid .news-card{display:flex;flex-direction:column;min-width:0;min-height:250px;padding:19px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:linear-gradient(145deg,rgba(21,31,45,.9),rgba(11,18,28,.95));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.home-news-grid .news-card:hover{transform:translateY(-3px);border-color:rgba(220,184,113,.3);box-shadow:0 14px 30px rgba(0,0,0,.2)}
.home-news-grid .news-title{font-size:16px;line-height:1.4}
.home-news-grid .news-meta{color:#909bac;font-size:10px}
.home-news-grid .news-excerpt{flex:1;color:#c5ccd7;font-size:12px;line-height:1.65}
.home-news-grid .news-footer{align-items:flex-end;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.home-news-grid .news-stats{font-size:10px}
.home-news-grid .news-actions .btn{padding:7px 9px;font-size:10px}
.home-empty-note,.home-login-hint{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}

.home-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-journey-card{position:relative;min-height:177px;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#f1f0eb;background:linear-gradient(145deg,rgba(22,32,47,.9),rgba(12,18,28,.94));text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.home-journey-card:hover{transform:translateY(-3px);border-color:rgba(220,184,113,.34)}
.home-journey-number{color:#b99a60;font-size:9px;font-weight:800;letter-spacing:.15em}
.home-journey-card h3{margin:14px 0 6px;font-size:18px}
.home-journey-card p{max-width:280px;margin:0;color:#aeb6c3;font-size:12px;line-height:1.65}
.home-journey-arrow{position:absolute;right:18px;bottom:16px;color:#d6b36c;font-size:17px}

.home-earn-section{margin-top:60px;padding:27px;border:1px solid rgba(220,184,113,.18);border-radius:16px;background:radial-gradient(ellipse at 90% 0,rgba(122,95,47,.13),transparent 42%),linear-gradient(145deg,rgba(17,25,37,.96),rgba(9,15,24,.97))}
.home-earn-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.home-earn-heading>div>p:last-child{margin:7px 0 0;color:#a5adba;font-size:12px}
.home-earn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.home-earn-card{padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(255,255,255,.025)}
.home-earn-card>span{color:#c1a263;font-size:10px;font-weight:800;letter-spacing:.13em}
.home-earn-card h3{margin:10px 0 6px;color:#eee9dc;font-size:14px}
.home-earn-card p{margin:0;color:#aab1bd;font-size:11px;line-height:1.65}
.home-community-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:54px;padding:26px 30px;border:1px solid rgba(220,184,113,.22);border-radius:15px;background:linear-gradient(110deg,rgba(28,39,54,.95),rgba(15,22,33,.98))}
.home-community-banner .home-eyebrow{margin-bottom:8px}
.home-community-banner h2{font-size:clamp(20px,2.7vw,29px)}
.home-community-banner p:not(.home-eyebrow){margin:7px 0 0;color:#aab2be;font-size:12px}
.home-community-actions{flex:0 0 auto}
@media(max-width:900px){.home-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr));margin-right:10px;margin-left:10px}.home-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-earn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-slide-content{width:min(650px,78%)}.home-hero{min-height:480px}}
@media(max-width:640px){.home-page{width:calc(100% - 24px);padding-top:14px}.home-hero{min-height:540px;border-radius:15px}.home-slide{background-position:62% center}.home-hero-shade{background:linear-gradient(90deg,rgba(5,10,20,.92),rgba(7,14,26,.72) 56%,rgba(6,10,18,.2)),linear-gradient(0deg,rgba(4,8,15,.65),transparent 45%)}.home-slide-content{width:100%;padding:35px 23px 105px}.home-slide-content h2{font-size:clamp(28px,7.5vw,32px);line-height:1.16}.home-slide-copy{max-width:95%;font-size:13px}.home-hero-bottom{right:18px;left:18px;bottom:18px}.home-hero-caption{font-size:8px}.home-quicklinks{gap:7px;margin-right:5px;margin-left:5px}.home-quicklink{gap:8px;padding:12px 9px}.home-quicklink strong{font-size:11px}.home-quicklink small{font-size:9px}.home-section{margin-top:43px}.home-section-head{align-items:flex-start;flex-direction:column}.home-section-actions{width:100%}.home-news-grid,.home-journey-grid{grid-template-columns:1fr}.home-news-grid .news-card{min-height:0}.home-journey-card{min-height:150px}.home-earn-section{margin-top:43px;padding:19px 14px}.home-earn-heading{align-items:flex-start;flex-direction:column}.home-earn-grid{grid-template-columns:1fr 1fr;gap:7px}.home-earn-card{padding:12px}.home-community-banner{align-items:flex-start;flex-direction:column;margin-top:38px;padding:21px 17px}.home-community-actions{width:100%}.home-community-actions .home-button{flex:1 1 auto}}
@media(max-width:380px){.home-quicklinks{grid-template-columns:1fr}.home-quicklink{border-radius:9px}.home-earn-grid{grid-template-columns:1fr}.home-hero-caption{display:none}}
@media(prefers-reduced-motion:reduce){.home-slide,.home-quicklink,.home-news-grid .news-card,.home-journey-card{transition:none}}


/* Cohesive midnight palette replacing the legacy neon/pink page backdrop. */
body{background:#070d15;background-image:radial-gradient(ellipse at 82% 18%,rgba(74,104,139,.12),transparent 36%),radial-gradient(ellipse at 12% 68%,rgba(44,76,104,.11),transparent 42%),linear-gradient(180deg,#070d15 0%,#0a111a 55%,#070d15 100%);color:#e9edf5}
body::before{opacity:.32;background:radial-gradient(circle at 15% 15%,rgba(221,231,242,.035) 1px,transparent 1px),radial-gradient(circle at 85% 85%,rgba(221,231,242,.025) 1px,transparent 1px)}
body::after{display:none}

.footer{background:rgba(6,11,18,.96);border-top:1px solid rgba(220,184,113,.18);box-shadow:0 -8px 28px rgba(0,0,0,.22)}
.footer-text{color:rgba(197,205,217,.58);letter-spacing:.08em}