body{
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    background:#0c1730;
    color:white;
}

.header{
    background:#111c38;
    padding:20px;
    border-bottom:3px solid #d4af37;
}

.logo{
    font-size:34px;
    font-weight:bold;
    color:#d4af37;
}

.subtitle{
    color:#cfcfcf;
}

.container{
    padding:30px;
}

.card{
    background:#162548;
    border-radius:12px;
    padding:20px;
    margin-bottom:20px;
    box-shadow:0 0 10px rgba(0,0,0,.3);
}

table{
    width:100%;
    border-collapse:collapse;
}

th{
    background:#d4af37;
    color:black;
    padding:12px;
}

td{
    padding:10px;
    border-bottom:1px solid #334;
}

a{
    color:#ffd54f;
}

button{
    background:#d4af37;
    border:none;
    padding:10px 20px;
    border-radius:8px;
    font-weight:bold;
    cursor:pointer;
}

input{
    width:300px;
    padding:10px;
    border-radius:6px;
    border:none;
}

.brand{
    display:flex;
    align-items:center;
    gap:18px;
}

.brand-logo{
    width:90px;
    height:90px;
    object-fit:contain;
}

.footer{
    margin-top:40px;
    padding:20px;
    text-align:center;
    color:#aaa;
    border-top:1px solid #26365f;
}

.top-nav{
    display:flex;
    gap:28px;
    margin-top:18px;
}

.nav-link{
    color:white;
    text-decoration:none;
    font-weight:bold;
}

.nav-link:hover{
    color:#d4af37;
}

.hero-banner{
    width:100%;
    border-radius:14px;
    border:1px solid #28406c;
    margin-bottom:24px;
    box-shadow:0 0 18px rgba(0,0,0,.45);
}

.grid{
    display:grid;
    grid-template-columns:1.2fr .9fr;
    gap:22px;
}

.stat-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    margin-top:18px;
}

.stat-card{
    background:#0f1f3d;
    border:1px solid #28406c;
    border-radius:12px;
    padding:18px;
    text-align:center;
}

.stat-number{
    font-size:42px;
    font-weight:bold;
    margin-top:10px;
}

.ref-code{
    border:1px dashed #d4af37;
    border-radius:10px;
    padding:18px;
    text-align:center;
    font-size:42px;
    font-weight:bold;
    color:#d4af37;
    letter-spacing:2px;
}

.share-box{
    margin-top:18px;
    background:#0f1f3d;
    border:1px solid #28406c;
    border-radius:10px;
    padding:14px;
    word-break:break-all;
}

.hero-banner{
    height:430px;
    object-fit:cover;
    object-position:left center;
}

.header{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.brand-logo{
    width:105px;
    height:105px;
}

.header-title{
    display:flex;
    align-items:center;
    gap:22px;
}

.portal-title{
    font-size:22px;
    font-weight:bold;
    color:white;
}

.portal-subtitle{
    color:#d4af37;
    font-size:20px;
    font-weight:bold;
}

.navbar{
    display:flex;
    gap:26px;
    align-items:center;
}

.navbar a{
    color:white;
    text-decoration:none;
    font-weight:bold;
}

.navbar a:hover{
    color:#d4af37;
}

.header{
    padding:14px 28px;
}

.brand-logo{
    width:72px;
    height:72px;
    object-fit:contain;
    background:#0b1428;
    border:1px solid #d4af37;
    border-radius:14px;
    padding:6px;
    box-shadow:0 0 12px rgba(212,175,55,.25);
}

.portal-title{
    font-size:24px;
}

.portal-subtitle{
    font-size:15px;
    letter-spacing:1px;
    text-transform:uppercase;
}

.header-logo{
    height:82px;
    width:auto;
    object-fit:contain;
}

.header{
    min-height:115px;
}

.header-logo{
    height:105px;
    width:auto;
}

.portal-title{
    font-size:20px;
    font-weight:800;
}

.portal-subtitle{
    font-size:18px;
    letter-spacing:2px;
    text-transform:uppercase;
}

.navbar a{
    padding:10px 14px;
    border-radius:10px;
}

.navbar a:hover{
    background:#162548;
    color:#d4af37;
}

.hero-banner{
    height:445px;
    object-fit:cover;
    object-position:left center;
}

.card{
    border:1px solid #28406c;
}

.ref-code{
    box-shadow:0 0 18px rgba(212,175,55,.25);
}

.stat-card:hover{
    transform:translateY(-3px);
    box-shadow:0 0 16px rgba(212,175,55,.18);
}

.ref-code{
    position:relative;
    background:linear-gradient(135deg,#08162f,#132a55);
    border:2px solid #d4af37;
    border-radius:16px;
    padding:28px;
    text-align:center;
    font-size:54px;
    font-weight:900;
    color:#ffd54f;
    letter-spacing:4px;
    text-shadow:0 0 14px rgba(212,175,55,.55);
    box-shadow:
        inset 0 0 18px rgba(212,175,55,.12),
        0 0 22px rgba(212,175,55,.25);
}

.copy-badge{
    display:inline-block;
    margin-top:14px;
    background:#d4af37;
    color:#08162f;
    padding:8px 16px;
    border-radius:999px;
    font-weight:bold;
    font-size:14px;
}

.ref-code{
    min-height:90px !important;
    padding:14px 24px !important;
    font-size:72px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
}

.ref-code{
    height:70px !important;
    min-height:70px !important;
    padding:10px 70px 10px 24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    font-size:54px !important;
    font-weight:900 !important;
    letter-spacing:3px !important;
}

.copy-badge{
    position:absolute !important;
    right:18px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin-top:0 !important;
    width:42px !important;
    height:42px !important;
    padding:0 !important;
    border-radius:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:0 !important;
}

.copy-badge::before{
    content:"📋";
    font-size:22px;
}

.hero-banner{
    height:500px !important;
    object-fit:cover !important;
    object-position:left center !important;
}

.header{
    min-height:95px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
}

.qr-area{
    margin-top:22px;
    display:flex;
    justify-content:flex-start;
}

.qr-img{
    width:180px;
    height:180px;
    background:white;
    padding:10px;
    border-radius:12px;
    border:1px solid #d4af37;
}

.share-layout{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:22px;
    align-items:start;
    margin-top:22px;
}

.link-row{
    display:flex;
    gap:10px;
    align-items:center;
}

.ref-link-input{
    flex:1;
    background:#08162f;
    border:1px solid #2e4b83;
    border-radius:12px;
    padding:16px;
    color:white;
    font-size:18px;
}

.copy-link-btn{
    background:#d4af37;
    color:#08162f;
    border-radius:10px;
    padding:14px 16px;
    font-weight:bold;
}

.social-row{
    display:flex;
    gap:14px;
    margin-top:20px;
}

.social-btn{
    width:44px;
    height:44px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    text-decoration:none;
    font-weight:bold;
    font-size:18px;
}

.fb{background:#1877f2;}
.tw{background:#1da1f2;}
.tk{background:#000;}
.ig{background:#c13584;}
.yt{background:#ff0000;}

.stat-week{
    color:#37ff6b;
    font-size:14px;
    margin-top:8px;
}

.quick-actions{
    margin-top:26px;
}

.quick-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.quick-card{
    background:#0f1f3d;
    border:1px solid #28406c;
    border-radius:12px;
    padding:16px;
    text-decoration:none;
    color:white;
}

.quick-card strong{
    display:block;
    color:white;
    margin-bottom:5px;
}

.quick-card span{
    color:#cfd7e6;
    font-size:13px;
}

.quick-card:hover{
    border-color:#d4af37;
    transform:translateY(-2px);
}

.user-badge{
    border:1px solid #d4af37;
    border-radius:999px;
    padding:8px 14px;
    color:#d4af37 !important;
}

@media(max-width:900px){
    .grid,.share-layout,.quick-grid,.stat-row{
        grid-template-columns:1fr;
    }
}

.portal-mini{
    color:#cfd7e6;
    font-size:13px;
    margin-top:3px;
    letter-spacing:1px;
}

.rank-badge{
    display:inline-block;
    margin:8px 0 16px 0;
    padding:10px 18px;
    border-radius:999px;
    background:linear-gradient(135deg,#08162f,#173568);
    border:1px solid #d4af37;
    color:#ffd54f;
    font-weight:bold;
    box-shadow:0 0 14px rgba(212,175,55,.2);
}

.copy-badge.copied{
    font-size:12px !important;
    width:auto !important;
    padding:0 10px !important;
}

.copy-badge.copied::before{
    content:"" !important;
}

.copy-code-btn{
    position:absolute !important;
    right:18px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:52px !important;
    height:52px !important;
    border-radius:12px !important;
    background:#d4af37 !important;
    color:#08162f !important;
    border:none !important;
    font-size:22px !important;
    font-weight:bold !important;
    cursor:pointer !important;
    z-index:99 !important;
}

.copy-code-btn.copied{
    width:auto !important;
    padding:0 14px !important;
    font-size:13px !important;
}

.home-hero{
    min-height:420px;
    border:1px solid rgba(212,175,55,.45);
    border-radius:22px;
    margin:34px;
    padding:60px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(90deg, rgba(8,22,47,.96), rgba(18,43,86,.82)),
        radial-gradient(circle at 80% 30%, rgba(212,175,55,.25), transparent 35%);
    box-shadow:0 0 35px rgba(0,0,0,.35);
}

.hero-text{max-width:760px;}

.eyebrow{
    color:#d4af37;
    font-weight:900;
    letter-spacing:3px;
    margin-bottom:14px;
}

.home-hero h1{
    font-size:64px;
    margin:0 0 18px;
    color:white;
}

.home-hero p{
    font-size:22px;
    line-height:1.5;
    color:#dbe7ff;
}

.hero-buttons{margin-top:30px;}

.gold-btn,.outline-btn{
    display:inline-block;
    margin-right:14px;
    padding:15px 24px;
    border-radius:14px;
    font-weight:900;
    text-decoration:none;
}

.gold-btn{
    background:#d4af37;
    color:#08162f !important;
}

.outline-btn{
    border:1px solid #d4af37;
    color:#d4af37 !important;
}

.home-section{
    margin:34px;
    padding:34px;
    border-radius:18px;
    background:#152a52;
    border:1px solid rgba(255,255,255,.12);
}

.home-section h2{
    color:#d4af37;
    font-size:34px;
    margin-top:0;
}

.home-section p{
    color:#eef4ff;
    font-size:19px;
}

.game-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.game-card{
    min-height:150px;
    padding:24px;
    border-radius:18px;
    background:#0d1d3d;
    border:1px solid rgba(212,175,55,.35);
}

.game-card h3{
    color:white;
    font-size:25px;
}

.game-card p{color:#b9c8e8;}

.creator-box{
    background:linear-gradient(135deg,#142b59,#08162f);
}

.stats-grid{
    margin:34px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.stats-grid div{
    padding:28px;
    text-align:center;
    border-radius:18px;
    background:#152a52;
    border:1px solid rgba(212,175,55,.35);
}

.stats-grid strong{
    display:block;
    color:#d4af37;
    font-size:34px;
}

.stats-grid span{
    color:white;
    font-weight:800;
}

.home-banner{
    position:relative;
    margin:34px;
    border-radius:22px;
    overflow:hidden;
    border:1px solid rgba(212,175,55,.55);
    box-shadow:0 0 35px rgba(0,0,0,.45);
}

.home-banner img{
    display:block;
    width:100%;
    height:auto;
}

.banner-buttons{
    position:absolute;
    left:48px;
    bottom:42px;
}

/* ===== Reference-style Nashsoft Header ===== */
.header{
    height:120px !important;
    padding:0 70px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    background:linear-gradient(180deg,#06152d,#08162f) !important;
    border-bottom:3px solid #d4af37 !important;
}

.header-title{
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
}

.header-logo{
    width:260px !important;
    height:auto !important;
    object-fit:contain !important;
}

.navbar{
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
}

.navbar a{
    position:relative !important;
    padding:42px 42px 36px !important;
    color:#ffffff !important;
    font-size:20px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    border-left:1px solid rgba(255,255,255,.08) !important;
}

.navbar a:first-child{
    color:#f2c438 !important;
}

.navbar a:first-child::after{
    content:"" !important;
    position:absolute !important;
    left:28px !important;
    right:28px !important;
    bottom:18px !important;
    height:4px !important;
    background:#f2c438 !important;
    border-radius:20px !important;
    box-shadow:0 0 10px rgba(242,196,56,.7) !important;
}

.navbar a:hover{
    color:#f2c438 !important;
}

.user-badge{
    display:none !important;
}

/* Crop 30px from bottom of hero banner */
.home-banner{
    max-height:calc(100vw * 0.5625 - 30px) !important;
}

.home-banner img{
    transform:translateY(0) !important;
}

/* Keep hero buttons, but move them above the poster feature strip */
.banner-buttons{
    left:55px !important;
    bottom:105px !important;
    z-index:20 !important;
}

.banner-buttons .gold-btn,
.banner-buttons .outline-btn{
    padding:12px 22px !important;
    font-size:16px !important;
}

/* Make both hero buttons filled gold */
.banner-buttons .gold-btn,
.banner-buttons .outline-btn{
    background:#d4af37 !important;
    color:#08162f !important;
    border:1px solid #d4af37 !important;
}

/* ===== Reference-style bottom homepage cards ===== */
.home-section,
.stats-grid{
    margin:0 !important;
}

.container{
    max-width:1900px !important;
    padding:34px 48px !important;
}

.home-banner{
    margin:22px 0 18px !important;
}

.home-section:nth-of-type(1),
.home-section:nth-of-type(2),
.creator-box,
.stats-grid{
    min-height:230px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#071a35,#041124) !important;
    border:1px solid rgba(120,170,230,.35) !important;
    box-shadow:inset 0 0 24px rgba(255,255,255,.03) !important;
}

/* Put the 4 bottom blocks into a reference-style row */
.home-section:nth-of-type(1){
    width:23% !important;
    float:left !important;
    margin-right:1.5% !important;
}

.home-section:nth-of-type(2){
    width:23% !important;
    float:left !important;
    margin-right:1.5% !important;
}

.creator-box{
    width:23% !important;
    float:left !important;
    margin-right:1.5% !important;
}

.stats-grid{
    width:27.5% !important;
    float:left !important;
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:0 !important;
    padding:34px 18px !important;
}

.stats-grid div{
    background:transparent !important;
    border:none !important;
    border-radius:0 !important;
    padding:26px 10px !important;
    border-right:1px solid rgba(255,255,255,.18) !important;
}

.stats-grid div:last-child{
    border-right:none !important;
}

.home-section h2{
    text-align:center !important;
    color:#f2c438 !important;
    font-size:20px !important;
    text-transform:uppercase !important;
    margin-bottom:22px !important;
}

.home-section p{
    font-size:15px !important;
    line-height:1.7 !important;
    color:#f2f6ff !important;
}

.game-grid{
    grid-template-columns:repeat(3,1fr) !important;
    gap:12px !important;
}

.game-card{
    min-height:105px !important;
    padding:12px !important;
    text-align:center !important;
}

.game-card h3{
    font-size:15px !important;
    margin:8px 0 4px !important;
}

.game-card p{
    font-size:12px !important;
    color:#d4af37 !important;
    line-height:1.2 !important;
}

.creator-box .gold-btn,
.creator-box .outline-btn{
    display:inline-block !important;
    margin-top:18px !important;
    padding:12px 28px !important;
    font-size:14px !important;
    background:#d4af37 !important;
    color:#08162f !important;
    border:1px solid #d4af37 !important;
}

.stats-grid strong{
    font-size:28px !important;
}

.stats-grid span{
    display:block !important;
    font-size:12px !important;
    text-transform:uppercase !important;
    margin-top:8px !important;
}

.footer{
    clear:both !important;
    margin-top:300px !important;
}

/* Force bottom section to match reference: 4 cards in one row */
.home-section:nth-of-type(1),
.home-section:nth-of-type(2),
.creator-box,
.stats-grid{
    box-sizing:border-box !important;
    height:260px !important;
}

.home-section:nth-of-type(1){
    width:25% !important;
    margin-right:1% !important;
}

.home-section:nth-of-type(2){
    width:25% !important;
    margin-right:1% !important;
}

.creator-box{
    width:25% !important;
    margin-right:1% !important;
}

.stats-grid{
    width:22% !important;
    margin-top:0 !important;
    margin-left:0 !important;
    clear:none !important;
}

/* ===== Match reference bottom section more closely ===== */

.container{
    max-width:1840px !important;
    padding:24px 48px !important;
    overflow:hidden !important;
}

.home-banner{
    margin:18px 0 24px !important;
}

/* Exact 4-card row */
.home-section:nth-of-type(1),
.home-section:nth-of-type(2),
.creator-box,
.stats-grid{
    float:left !important;
    box-sizing:border-box !important;
    height:255px !important;
    min-height:255px !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#061a35,#041124) !important;
    border:1px solid rgba(87,133,190,.55) !important;
    box-shadow:inset 0 0 30px rgba(255,255,255,.025) !important;
    overflow:hidden !important;
}

.home-section:nth-of-type(1){
    width:23.5% !important;
    margin:0 1% 0 0 !important;
    padding:28px 36px !important;
}

.home-section:nth-of-type(2){
    width:24.5% !important;
    margin:0 1% 0 0 !important;
    padding:28px 26px !important;
}

.creator-box{
    width:21.5% !important;
    margin:0 1% 0 0 !important;
    padding:28px 34px !important;
    text-align:center !important;
}

.stats-grid{
    width:27.5% !important;
    margin:0 !important;
    padding:30px 12px !important;
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:0 !important;
    clear:none !important;
}

.home-section h2{
    font-size:19px !important;
    color:#f2c438 !important;
    text-align:center !important;
    text-transform:uppercase !important;
    margin:0 0 24px !important;
    letter-spacing:.5px !important;
}

.home-section p{
    font-size:15px !important;
    line-height:1.65 !important;
    color:#f4f7ff !important;
    margin:0 !important;
}

/* About card reference spacing */
.home-section:nth-of-type(1) p{
    max-width:300px !important;
}

/* Featured game mini cards */
.game-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:14px !important;
    align-items:start !important;
}

.game-card{
    height:118px !important;
    min-height:118px !important;
    padding:16px 10px !important;
    border-radius:16px !important;
    background:#102346 !important;
    border:1px solid rgba(212,175,55,.45) !important;
    text-align:center !important;
}

.game-card h3{
    font-size:15px !important;
    line-height:1.15 !important;
    color:#ffffff !important;
    margin:0 0 12px !important;
}

.game-card p{
    font-size:12px !important;
    line-height:1.15 !important;
    color:#f2c438 !important;
}

/* Creator card reference */
.creator-icon{
    float:left !important;
    font-size:44px !important;
    color:#f2c438 !important;
    margin:18px 22px 60px 0 !important;
}

.creator-box p{
    text-align:left !important;
    font-size:14px !important;
    line-height:1.65 !important;
}

.creator-box .gold-btn{
    display:inline-block !important;
    margin-top:28px !important;
    padding:13px 42px !important;
    border-radius:10px !important;
    background:#d4af37 !important;
    color:#06152d !important;
    border:none !important;
    font-size:14px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
}

/* Impact card reference */
.stats-grid div{
    background:transparent !important;
    border:none !important;
    border-right:1px solid rgba(255,255,255,.18) !important;
    border-radius:0 !important;
    padding:10px 8px !important;
    text-align:center !important;
}

.stats-grid div:last-child{
    border-right:none !important;
}

.impact-icon{
    display:block !important;
    font-size:28px !important;
    margin-bottom:18px !important;
    filter:grayscale(1) brightness(1.4) !important;
}

.stats-grid strong{
    display:block !important;
    color:#f2c438 !important;
    font-size:30px !important;
    line-height:1 !important;
    margin-bottom:10px !important;
}

.stats-grid span:not(.impact-icon){
    display:block !important;
    color:#ffffff !important;
    font-size:12px !important;
    text-transform:uppercase !important;
    font-weight:900 !important;
}

.footer{
    clear:both !important;
    margin-top:300px !important;
}

/* ===== Clean reference-matched lower homepage grid ===== */
.home-section,
.stats-grid{
    display:none !important;
}

.home-info-grid{
    display:grid !important;
    grid-template-columns:1fr 1.08fr .92fr 1.18fr !important;
    gap:18px !important;
    margin:22px 0 18px !important;
}

.info-card{
    height:245px !important;
    box-sizing:border-box !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#061a35,#041124) !important;
    border:1px solid rgba(87,133,190,.55) !important;
    box-shadow:inset 0 0 28px rgba(255,255,255,.025) !important;
    padding:24px 26px !important;
    overflow:hidden !important;
}

.info-card h2{
    margin:0 0 20px !important;
    text-align:center !important;
    color:#f2c438 !important;
    font-size:18px !important;
    text-transform:uppercase !important;
    letter-spacing:.4px !important;
}

.about-row{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
}

.about-logo{
    width:70px !important;
    height:auto !important;
    flex:0 0 auto !important;
}

.about-card p,
.creator-card p{
    color:#ffffff !important;
    font-size:14px !important;
    line-height:1.65 !important;
    margin:0 !important;
}

.learn-link{
    display:inline-block !important;
    margin-top:18px !important;
    color:#f2c438 !important;
    font-weight:900 !important;
    font-size:13px !important;
    text-decoration:none !important;
}

.mini-games{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:10px !important;
}

.mini-game{
    text-align:center !important;
    color:#ffffff !important;
}

.mini-thumb{
    height:52px !important;
    border-radius:8px !important;
    margin-bottom:8px !important;
    background:linear-gradient(135deg,#173a72,#091b38) !important;
    border:1px solid rgba(212,175,55,.45) !important;
    color:#f2c438 !important;
    font-size:24px !important;
    font-weight:900 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.mini-game strong{
    display:block !important;
    font-size:12px !important;
    line-height:1.15 !important;
    margin-bottom:4px !important;
}

.mini-game span{
    color:#f2c438 !important;
    font-size:10px !important;
}

.games-link{
    display:block !important;
    text-align:center !important;
    margin-top:10px !important;
}

.creator-row{
    display:flex !important;
    align-items:center !important;
    gap:18px !important;
    min-height:95px !important;
}

.creator-icon{
    float:none !important;
    font-size:42px !important;
    margin:0 !important;
    flex:0 0 auto !important;
}

.join-btn{
    display:block !important;
    width:145px !important;
    margin:16px auto 0 !important;
    padding:12px 18px !important;
    border-radius:9px !important;
    background:#d4af37 !important;
    color:#06152d !important;
    text-align:center !important;
    text-decoration:none !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    font-size:13px !important;
}

.impact-row{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    height:150px !important;
    align-items:center !important;
}

.impact-row div{
    text-align:center !important;
    border-right:1px solid rgba(255,255,255,.18) !important;
}

.impact-row div:last-child{
    border-right:none !important;
}

.impact-icon{
    display:block !important;
    font-size:26px !important;
    margin-bottom:12px !important;
    filter:grayscale(1) brightness(1.4) !important;
}

.impact-row strong{
    display:block !important;
    color:#f2c438 !important;
    font-size:28px !important;
    line-height:1 !important;
    margin-bottom:8px !important;
}

.impact-row span:not(.impact-icon){
    display:block !important;
    color:#ffffff !important;
    font-size:11px !important;
    text-transform:uppercase !important;
    font-weight:900 !important;
}

.footer{
    margin-top:18px !important;
    clear:both !important;
}

/* Force new reference bottom visible */
.home-info-grid{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
}

.info-card{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

.info-card *{
    visibility:visible !important;
    opacity:1 !important;
}

/* Reduce hero banner height */
.home-banner{
    height:560px !important;
    overflow:hidden !important;
}

.home-banner img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
}

/* Move hero buttons back down to match reference */
.banner-buttons{
    left:55px !important;
    bottom:42px !important;
    z-index:20 !important;
}

/* Active nav highlight should follow current page */
.navbar a:first-child{
    color:#ffffff !important;
}

.navbar a:first-child::after{
    display:none !important;
}

.navbar a.active{
    color:#f2c438 !important;
}

.navbar a.active::after{
    content:"" !important;
    position:absolute !important;
    left:28px !important;
    right:28px !important;
    bottom:18px !important;
    height:4px !important;
    background:#f2c438 !important;
    border-radius:20px !important;
    box-shadow:0 0 10px rgba(242,196,56,.7) !important;
}

/* Final active nav underline fix */
.navbar a.active{
    color:#f2c438 !important;
}

.navbar a.active::after{
    display:block !important;
    content:"" !important;
    position:absolute !important;
    left:28px !important;
    right:28px !important;
    bottom:18px !important;
    height:4px !important;
    background:#f2c438 !important;
    border-radius:20px !important;
    box-shadow:0 0 12px rgba(242,196,56,.8) !important;
}

.mini-thumb-img{
    width:100% !important;
    height:52px !important;
    object-fit:cover !important;
    border-radius:8px !important;
    margin-bottom:8px !important;
    border:1px solid rgba(212,175,55,.45) !important;
}

/* About card without logo */
.about-row{
    display:block !important;
}

.about-card p{
    max-width:280px !important;
    margin:0 auto !important;
}

/* Keep Learn More visible in About card */
.about-card{
    position:relative !important;
}

.about-card .learn-link{
    position:absolute !important;
    left:26px !important;
    bottom:18px !important;
    margin:0 !important;
}

/* Move Learn More to bottom-right corner of About card */
.about-card{
    position:relative !important;
}

.about-card .learn-link{
    position:absolute !important;
    right:26px !important;
    left:auto !important;
    bottom:18px !important;
    margin:0 !important;
}

/* Creator application page cleanup */
.card form{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:18px !important;
    max-width:900px !important;
    margin-top:22px !important;
}

.card form input,
.card form textarea{
    width:100% !important;
    box-sizing:border-box !important;
    padding:16px !important;
    border-radius:10px !important;
    border:none !important;
    font-size:16px !important;
}

.card form textarea{
    grid-column:1 / 3 !important;
    min-height:130px !important;
    resize:vertical !important;
}

.card form button{
    width:240px !important;
    padding:16px !important;
    border-radius:10px !important;
    background:#d4af37 !important;
    color:#06152d !important;
    border:none !important;
    font-weight:900 !important;
    font-size:16px !important;
    cursor:pointer !important;
}

.games-page-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:26px !important;
    margin-top:30px !important;
}

.game-page-card{
    background:#0d1d3d !important;
    border:1px solid rgba(212,175,55,.45) !important;
    border-radius:18px !important;
    padding:22px !important;
}

.game-page-card img{
    width:100% !important;
    height:260px !important;
    object-fit:cover !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.15) !important;
}

.game-page-card h2{
    color:#d4af37 !important;
    margin:18px 0 10px !important;
}

.game-page-card p{
    color:#eef4ff !important;
    font-size:16px !important;
    line-height:1.6 !important;
}

.games-page-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:26px !important;
    margin-top:30px !important;
}

.game-page-card{
    background:#0d1d3d !important;
    border:1px solid rgba(212,175,55,.45) !important;
    border-radius:18px !important;
    padding:22px !important;
}

.game-page-card img{
    width:100% !important;
    height:260px !important;
    object-fit:cover !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.15) !important;
}

.game-page-card h2{
    color:#d4af37 !important;
    margin:18px 0 10px !important;
}

.game-page-card p{
    color:#eef4ff !important;
    font-size:16px !important;
    line-height:1.6 !important;
}

.opportunity-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:22px !important;
    margin:28px 0 !important;
}

.opportunity-grid div{
    background:#0d1d3d !important;
    border:1px solid rgba(212,175,55,.35) !important;
    border-radius:16px !important;
    padding:22px !important;
}

.opportunity-grid h2{
    color:#d4af37 !important;
}

.download-grid{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:22px !important;
    margin-top:28px !important;
}

.download-grid div{
    background:#0d1d3d !important;
    border:1px solid rgba(212,175,55,.35) !important;
    border-radius:16px !important;
    padding:24px !important;
    text-align:center !important;
}

.download-grid h2{
    color:#d4af37 !important;
}

.game-video{
    width:100% !important;
    margin-top:14px !important;
    border-radius:14px !important;
    border:1px solid rgba(212,175,55,.45) !important;
    background:#000 !important;
}

/* Polish View All Games page */
.games-page-grid{
    align-items:stretch !important;
}

.game-page-card{
    min-height:620px !important;
    display:flex !important;
    flex-direction:column !important;
}

.game-page-card img,
.game-page-card video{
    width:100% !important;
    height:230px !important;
    object-fit:cover !important;
    border-radius:14px !important;
}

.game-page-card h2{
    font-size:30px !important;
    line-height:1.15 !important;
}

.game-page-card p{
    font-size:18px !important;
    line-height:1.65 !important;
}

.game-video{
    margin-top:0 !important;
}

/* Homepage hero slider */
.home-banner.slider{
    position:relative !important;
}

.home-banner .slide{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    opacity:0 !important;
    transition:opacity 1s ease-in-out !important;
}

.home-banner .active-slide{
    opacity:1 !important;
}

/* ===== Admin Dashboard Version 2 ===== */
.admin-dashboard-v2{
    padding:34px !important;
}

.admin-topline{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:20px !important;
}

.admin-message{
    color:#d4af37 !important;
    font-weight:900 !important;
}

.admin-panel{
    background:#152a52 !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:18px !important;
    padding:26px !important;
    margin:26px 0 !important;
}

.admin-panel h2{
    color:white !important;
    margin-top:0 !important;
}

.admin-form-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:22px !important;
    max-width:1200px !important;
}

.admin-form-grid label{
    color:white !important;
    font-weight:900 !important;
}

.admin-form-grid input{
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    margin-top:8px !important;
    padding:16px !important;
    border-radius:10px !important;
    border:none !important;
    font-size:16px !important;
}

.admin-form-grid button{
    width:260px !important;
    padding:16px !important;
    border-radius:10px !important;
    border:none !important;
    background:#d4af37 !important;
    color:#06152d !important;
    font-weight:900 !important;
    font-size:16px !important;
}

.table-wrap{
    overflow-x:auto !important;
}

.admin-table{
    width:100% !important;
    border-collapse:collapse !important;
    color:white !important;
    font-size:15px !important;
}

.admin-table th{
    background:#d4af37 !important;
    color:#06152d !important;
    padding:14px !important;
    text-align:left !important;
}

.admin-table td{
    padding:14px !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
    vertical-align:top !important;
}

.small-gold-btn,
.small-danger-btn{
    display:inline-block !important;
    padding:8px 12px !important;
    border-radius:8px !important;
    text-decoration:none !important;
    font-weight:900 !important;
    margin:3px !important;
}

.small-gold-btn{
    background:#d4af37 !important;
    color:#06152d !important;
}

.small-danger-btn{
    background:#8b1d2c !important;
    color:white !important;
}

.status-pending{
    color:#d4af37 !important;
    font-weight:900 !important;
}

.status-approved{
    color:#6ee7a8 !important;
    font-weight:900 !important;
}

.status-rejected{
    color:#ff7b7b !important;
    font-weight:900 !important;
}