*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

body{
background:#0c0c0c;
color:white;
}


/* NAVBAR */

.navbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:25px 80px;
}

.logo{
display:flex;
align-items:center;
gap:10px;
font-size:24px;
font-weight:700;
}

.logo img{
width:40px;
}

.start-btn{
background:#22c55e;
border:none;
padding:12px 28px;
border-radius:30px;
font-weight:600;
cursor:pointer;
}


/* HERO */

.hero{
display:flex;
align-items:center;
justify-content:space-between;
padding:80px;

background-repeat:no-repeat;
background-position:right center;
background-size:contain;

min-height:600px;

transition:background-image 1s ease-in-out;
}




.hero-left{
max-width:520px;
}

.hero-left h1{
font-size:56px;
margin-bottom:20px;
}

.hero-left p{
color:#cfcfcf;
font-size:18px;
line-height:1.6;
margin-bottom:40px;
}

.buttons{
display:flex;
flex-direction:column;
gap:20px;
}

.btn{
padding:18px 25px;
border-radius:14px;
font-weight:600;
cursor:pointer;
font-size:18px;
border:none;
}

.roblox{
background:#e11d2e;
color:white;
}

.google{
background:#4a7bdc;
color:white;
}

.hero-right img{
width:420px;
}


/* STATS */

.stats{
text-align:center;
padding:30px;
background:#111;
font-size:28px;
font-weight:700;
}


/* TICKER */

.live-feed{
background:#161616;
padding:25px 0;
overflow:hidden;
}

.ticker-track{
display:flex;
gap:25px;
padding:0 40px;
}

.card{
display:flex;
align-items:center;
gap:15px;
background:#222;
padding:15px 20px;
border-radius:12px;
min-width:250px;
}

.avatar{
width:40px;
height:40px;
border-radius:50%;
}

.user{
color:#4da3ff;
font-weight:600;
}

.money{
color:#22c55e;
font-weight:600;
}

.card small{
color:#9a9a9a;
}


/* CREATOR PROGRAM */

.creator-program{
background:#0f0f0f;
padding:80px 40px;
display:flex;
justify-content:center;
}

.creator-container{
max-width:1200px;
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
}

.creator-text h2{
font-size:36px;
margin-bottom:20px;
}

.creator-text p{
font-size:18px;
line-height:1.7;
color:#cfcfcf;
}

.apply-btn{
background:#22c55e;
border:none;
padding:18px 40px;
font-size:18px;
font-weight:600;
border-radius:12px;
cursor:pointer;
}



/* MODAL */

.modal{
display:none;
position:fixed;
z-index:999;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.75);
justify-content:center;
align-items:center;
}

.modal-content{
background:#2a2a2a;
width:420px;
border-radius:20px;
overflow:hidden;
}

.modal-header{
background:linear-gradient(90deg,#0a3d1d,#0f7a3c);
padding:18px 25px;
display:flex;
justify-content:space-between;
}

.modal-body{
padding:25px;
display:flex;
flex-direction:column;
gap:15px;
}

.login-btn{
padding:15px;
border:none;
border-radius:12px;
font-weight:600;
cursor:pointer;
}

.roblox-login{
background:#e63946;
color:white;
}

.google-login{
background:#3b82f6;
color:white;
}

.modal-body input{
padding:14px;
border:none;
border-radius:12px;
font-size:16px;
background:#eee;
}

.login-actions{
display:flex;
gap:15px;
}

.btn-login{
flex:1;
background:#1e88e5;
border:none;
padding:14px;
border-radius:12px;
color:white;
}

.btn-register{
flex:1;
background:#22c55e;
border:none;
padding:14px;
border-radius:12px;
color:white;
}

/* LEGAL PAGES */

.legal-page{

padding:80px 20px;

display:flex;
justify-content:center;

}

.legal-container{

max-width:900px;
width:100%;

}

.legal-container h1{

font-size:42px;
margin-bottom:20px;

}

.last-update{

color:#aaa;
margin-bottom:40px;

}

.legal-container h2{

margin-top:30px;
margin-bottom:10px;
font-size:22px;

}

.legal-container p{

line-height:1.7;
color:#d0d0d0;

}

.partner-page{
margin-top:120px;
}

/* ==========================
   LANDING PAGE PRO UI
========================== */

body{
font-family:'Poppins', sans-serif;
background:#050505;
color:#fff;
}

/* NAVBAR */

.navbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 34px;
background:rgba(20,20,20,0.92);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border-bottom:1px solid rgba(255,255,255,0.05);
box-shadow:0 8px 24px rgba(0,0,0,0.22);
position:sticky;
top:0;
z-index:1000;
}

.navbar-left,
.navbar-right{
display:flex;
align-items:center;
}

.landing-logo-wrap{
text-decoration:none;
}

.logo{
display:flex;
align-items:center;
gap:12px;
}

.logo img{
width:70px;
height:70px;
object-fit:contain;
}

.logo span{
font-size:24px;
font-weight:700;
color:#fff;
}

/* HERO */

.premium-hero{
position:relative;
margin:32px 36px 18px 36px;
border-radius:28px;
overflow:hidden;
background-size:cover;
background-position:center right;
background-repeat:no-repeat;
border:1px solid rgba(255,255,255,0.05);
box-shadow:0 16px 45px rgba(0,0,0,0.35);
min-height:520px;
}

.hero-overlay{
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(18,18,18,0.94) 0%, rgba(18,18,18,0.82) 45%, rgba(18,18,18,0.5) 100%);
z-index:1;
}

.hero-content{
position:relative;
z-index:2;
display:flex;
justify-content:space-between;
align-items:stretch;
gap:24px;
padding:44px;
min-height:520px;
}

.hero-left{
flex:1;
max-width:760px;
display:flex;
flex-direction:column;
justify-content:center;
}

.hero-kicker{
font-size:13px;
text-transform:uppercase;
letter-spacing:1.8px;
font-weight:700;
color:#22c55e;
margin:0 0 14px 0;
}

.hero-left h1{
font-size:58px;
line-height:1.05;
margin:0 0 18px 0;
color:#fff;
max-width:760px;
}

.hero-description{
font-size:18px;
line-height:1.8;
color:#c7c7c7;
max-width:700px;
margin:0 0 24px 0;
}

.hero-buttons{
display:flex;
gap:14px;
flex-wrap:wrap;
margin-bottom:22px;
}

.primary-hero-btn,
.secondary-hero-btn{
min-width:230px;
height:56px;
font-size:16px;
font-weight:700;
border-radius:14px;
border:none;
cursor:pointer;
transition:0.22s ease;
}

.primary-hero-btn{
background:#22c55e;
color:#000;
}

.primary-hero-btn:hover{
background:#16a34a;
transform:translateY(-2px);
}

.secondary-hero-btn{
background:#222;
color:#fff;
border:1px solid rgba(255,255,255,0.08);
}

.secondary-hero-btn:hover{
background:#2a2a2a;
transform:translateY(-2px);
}

.hero-trust-row{
display:flex;
flex-wrap:wrap;
gap:12px;
}

.hero-trust-row span{
display:inline-flex;
align-items:center;
justify-content:center;
padding:9px 14px;
border-radius:999px;
background:rgba(255,255,255,0.06);
border:1px solid rgba(255,255,255,0.05);
font-size:13px;
color:#e4e4e4;
}

.hero-right{
width:280px;
display:flex;
flex-direction:column;
justify-content:center;
gap:16px;
}

.hero-side-card{
background:rgba(20,20,20,0.7);
border:1px solid rgba(255,255,255,0.05);
border-radius:22px;
padding:24px;
box-shadow:0 10px 30px rgba(0,0,0,0.24);
}

.hero-side-label{
display:block;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
color:#9c9c9c;
margin-bottom:10px;
}

.hero-side-card h3{
margin:0 0 8px 0;
font-size:40px;
color:#22c55e;
}

.hero-side-card p{
margin:0;
font-size:14px;
line-height:1.7;
color:#b9b9b9;
}

/* STATS */

.landing-stats-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:18px;
padding:0 36px;
margin-bottom:28px;
}

.landing-stat-card{
background:linear-gradient(135deg,#1f1f1f 0%, #181818 100%);
border:1px solid rgba(255,255,255,0.05);
border-radius:22px;
padding:24px;
box-shadow:0 10px 30px rgba(0,0,0,0.24);
}

.landing-stat-label{
display:block;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
color:#8d8d8d;
margin-bottom:10px;
}

.landing-stat-card h3{
margin:0 0 8px 0;
font-size:36px;
color:#fff;
}

.landing-stat-card p{
margin:0;
font-size:14px;
line-height:1.7;
color:#adadad;
}

/* SHARED SECTION HEAD */

.live-feed-section,
.landing-features,
.premium-creator-program{
padding:0 36px;
margin-bottom:34px;
}

.section-head{
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
margin-bottom:18px;
}

.section-head h2{
margin:0;
font-size:34px;
color:#fff;
}

.landing-kicker{
font-size:12px;
text-transform:uppercase;
letter-spacing:1.5px;
color:#22c55e;
font-weight:700;
margin:0 0 6px 0;
}

.live-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 12px;
border-radius:999px;
background:rgba(34,197,94,0.12);
color:#22c55e;
font-size:12px;
font-weight:700;
border:1px solid rgba(34,197,94,0.18);
}

/* LIVE FEED */

.live-feed{
margin:0;
}

.ticker{
overflow:hidden;
}

.ticker-track{
display:flex;
gap:15px;
overflow-x:auto;
padding-bottom:6px;
scrollbar-width:none;
}

.ticker-track::-webkit-scrollbar{
display:none;
}

.card{
min-width:260px;
background:linear-gradient(135deg,#2a2a2a 0%, #232323 100%);
border:1px solid rgba(255,255,255,0.04);
padding:18px;
border-radius:18px;
box-shadow:0 8px 20px rgba(0,0,0,0.25);
display:flex;
align-items:center;
gap:14px;
}

.avatar{
width:50px;
height:50px;
border-radius:50%;
background:#111;
}

.card-content{
display:flex;
flex-direction:column;
gap:4px;
}

.card-content p{
margin:0;
font-size:15px;
color:#d8d8d8;
}

.card-content small{
color:#bdbdbd;
font-size:13px;
}

.user{
color:#57a8ff;
font-weight:700;
}

.money{
color:#22c55e;
font-weight:700;
}

/* FEATURES */

.feature-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
}

.feature-card{
background:linear-gradient(135deg,#1f1f1f 0%, #181818 100%);
border:1px solid rgba(255,255,255,0.05);
border-radius:24px;
padding:28px;
box-shadow:0 10px 30px rgba(0,0,0,0.24);
}

.feature-icon{
font-size:28px;
margin-bottom:16px;
}

.feature-card h3{
margin:0 0 10px 0;
font-size:22px;
color:#fff;
}

.feature-card p{
margin:0;
font-size:14px;
line-height:1.8;
color:#b8b8b8;
}

/* CREATOR */

.premium-creator-program{
margin-bottom:36px;
}

.creator-container{
display:flex;
justify-content:space-between;
align-items:center;
gap:24px;
background:linear-gradient(135deg,#262626 0%, #1f1f1f 100%);
border:1px solid rgba(255,255,255,0.05);
border-radius:26px;
padding:32px;
box-shadow:0 12px 30px rgba(0,0,0,0.25);
}

.creator-text h2{
font-size:34px;
margin:0 0 12px 0;
}

.creator-text p{
margin:0;
font-size:15px;
line-height:1.8;
color:#c5c5c5;
max-width:760px;
}

.apply-btn{
height:54px;
padding:0 26px;
border:none;
border-radius:14px;
background:#22c55e;
color:#000;
font-weight:700;
font-size:15px;
cursor:pointer;
transition:0.22s ease;
}

.apply-btn:hover{
background:#16a34a;
transform:translateY(-2px);
}

/* MODALS */

.modal{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,0.65);
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
z-index:2000;
align-items:center;
justify-content:center;
padding:20px;
}

.modal-content{
width:100%;
max-width:440px;
background:linear-gradient(135deg,#252525 0%, #1a1a1a 100%);
border:1px solid rgba(255,255,255,0.06);
border-radius:22px;
box-shadow:0 18px 50px rgba(0,0,0,0.35);
overflow:hidden;
}

.modal-header{
display:flex;
justify-content:space-between;
align-items:center;
padding:22px 24px;
border-bottom:1px solid rgba(255,255,255,0.05);
}

.modal-header h2{
margin:0;
font-size:24px;
color:#fff;
}

.close{
font-size:28px;
cursor:pointer;
color:#cfcfcf;
transition:0.2s ease;
}

.close:hover{
color:#ff5a5a;
transform:scale(1.08);
}

.modal-body{
padding:24px;
display:flex;
flex-direction:column;
gap:14px;
}

.login-btn,
.btn-login,
.btn-register{
height:48px;
border:none;
border-radius:12px;
font-weight:700;
cursor:pointer;
transition:0.2s ease;
}

.roblox-login,
.btn-login{
background:#22c55e;
color:#000;
}

.google-login,
.btn-register{
background:#2d2d2d;
color:#fff;
border:1px solid rgba(255,255,255,0.06);
}

.login-btn:hover,
.btn-login:hover,
.btn-register:hover{
transform:translateY(-2px);
}

.modal-body input{
height:48px;
border:none;
border-radius:12px;
padding:0 14px;
background:#f2f2f2;
color:#111;
font-size:14px;
}

.login-actions{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

.divider{
text-align:center;
font-size:13px;
color:#9e9e9e;
}

.forgot{
text-align:center;
font-size:13px;
color:#bfbfbf;
margin:0;
}

/* RESPONSIVE */

@media (max-width: 1200px){

.landing-stats-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.feature-grid{
grid-template-columns:1fr;
}

.hero-content{
flex-direction:column;
}

.hero-right{
width:100%;
flex-direction:row;
}

.hero-side-card{
flex:1;
}

.creator-container{
flex-direction:column;
align-items:flex-start;
}

}

@media (max-width: 820px){

.navbar{
padding:14px 20px;
}

.logo span{
font-size:20px;
}

.premium-hero{
margin:24px 20px 18px 20px;
min-height:auto;
}

.hero-content{
padding:28px;
min-height:auto;
}

.hero-left h1{
font-size:40px;
}

.hero-description{
font-size:16px;
}

.hero-right{
flex-direction:column;
width:100%;
}

.landing-stats-grid,
.live-feed-section,
.landing-features,
.premium-creator-program{
padding:0 20px;
}

.footer{
padding:28px 20px;
}

.footer-container{
grid-template-columns:1fr;
}

.footer-bottom{
flex-direction:column;
align-items:flex-start;
}

}

@media (max-width: 640px){

.hero-left h1{
font-size:34px;
}

.hero-buttons{
flex-direction:column;
align-items:stretch;
}

.primary-hero-btn,
.secondary-hero-btn{
width:100%;
min-width:0;
}

.landing-stats-grid{
grid-template-columns:1fr;
}

.section-head{
flex-direction:column;
align-items:flex-start;
}

.login-actions{
grid-template-columns:1fr;
}

.creator-container{
padding:24px;
}

}

/* ==========================
   LEGAL PAGES PRO UI
========================== */

.legal-navbar{
position:sticky;
top:0;
z-index:1000;
}

.legal-back-btn{
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
height:48px;
padding:0 20px;
border-radius:12px;
font-weight:700;
}

/* HERO */

.legal-hero{
padding:32px 36px 0 36px;
}

.legal-hero-content{
display:flex;
justify-content:space-between;
align-items:stretch;
gap:24px;
padding:36px;
border-radius:26px;
background:linear-gradient(135deg,#1f1f1f 0%, #171717 100%);
border:1px solid rgba(255,255,255,0.05);
box-shadow:0 16px 45px rgba(0,0,0,0.35);
}

.legal-hero-left{
flex:1;
max-width:760px;
}

.legal-kicker{
font-size:12px;
text-transform:uppercase;
letter-spacing:1.6px;
font-weight:700;
color:#22c55e;
margin:0 0 10px 0;
}

.legal-hero-left h1{
margin:0 0 14px 0;
font-size:44px;
line-height:1.08;
color:#fff;
}

.legal-subtitle{
margin:0;
font-size:16px;
line-height:1.8;
color:#b9b9b9;
max-width:720px;
}

.legal-hero-right{
width:280px;
display:flex;
flex-direction:column;
gap:16px;
}

.legal-mini-card{
background:#181818;
border:1px solid rgba(255,255,255,0.05);
border-radius:20px;
padding:22px;
}

.legal-mini-card span{
display:block;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
color:#8e8e8e;
margin-bottom:10px;
}

.legal-mini-card h3{
margin:0 0 8px 0;
font-size:34px;
color:#22c55e;
}

.legal-mini-card p{
margin:0;
font-size:14px;
line-height:1.7;
color:#b5b5b5;
}

/* LAYOUT */

.legal-page{
padding:30px 36px 36px 36px;
}

.legal-layout{
display:grid;
grid-template-columns:280px 1fr;
gap:24px;
align-items:start;
}

.legal-sidebar{
position:sticky;
top:100px;
}

.legal-sidebar-card{
background:linear-gradient(135deg,#1f1f1f 0%, #181818 100%);
border:1px solid rgba(255,255,255,0.05);
border-radius:22px;
padding:22px;
box-shadow:0 12px 30px rgba(0,0,0,0.24);
}

.legal-sidebar-card h3{
margin:0 0 14px 0;
font-size:20px;
color:#fff;
}

.legal-nav{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:10px;
}

.legal-nav li{
list-style:none;
}

.legal-nav a{
display:block;
text-decoration:none;
color:#c8c8c8;
background:#151515;
border:1px solid rgba(255,255,255,0.04);
padding:12px 14px;
border-radius:12px;
font-size:14px;
transition:0.2s ease;
}

.legal-nav a:hover{
background:#202020;
color:#22c55e;
transform:translateY(-1px);
}

.premium-legal-card{
background:linear-gradient(135deg,#262626 0%, #1f1f1f 100%);
border:1px solid rgba(255,255,255,0.05);
border-radius:26px;
padding:32px;
box-shadow:0 12px 35px rgba(0,0,0,0.3);
}

.legal-header{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:20px;
padding-bottom:20px;
margin-bottom:8px;
border-bottom:1px solid rgba(255,255,255,0.06);
}

.legal-header h2{
margin:0;
font-size:34px;
color:#fff;
}

.last-update{
margin:0;
font-size:14px;
color:#9f9f9f;
white-space:nowrap;
}

.legal-section{
display:grid;
grid-template-columns:72px 1fr;
gap:20px;
padding:24px 0;
border-bottom:1px solid rgba(255,255,255,0.06);
}

.legal-section:last-child{
border-bottom:none;
padding-bottom:0;
}

.legal-number{
width:56px;
height:56px;
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(34,197,94,0.12);
border:1px solid rgba(34,197,94,0.16);
color:#22c55e;
font-weight:700;
font-size:18px;
}

.legal-text h3{
margin:0 0 10px 0;
font-size:24px;
color:#fff;
}

.legal-text p{
margin:0;
font-size:15px;
line-height:1.9;
color:#c3c3c3;
}

/* RESPONSIVE */

@media (max-width: 1100px){

.legal-hero-content{
flex-direction:column;
}

.legal-hero-right{
width:100%;
flex-direction:row;
}

.legal-mini-card{
flex:1;
}

.legal-layout{
grid-template-columns:1fr;
}

.legal-sidebar{
position:static;
}

}

@media (max-width: 820px){

.legal-hero{
padding:24px 20px 0 20px;
}

.legal-page{
padding:24px 20px 32px 20px;
}

.legal-hero-content{
padding:28px;
}

.legal-hero-left h1{
font-size:36px;
}

.legal-header{
flex-direction:column;
align-items:flex-start;
}

}

@media (max-width: 640px){

.legal-hero-right{
flex-direction:column;
}

.legal-section{
grid-template-columns:1fr;
}

.legal-number{
width:52px;
height:52px;
}

.premium-legal-card{
padding:24px;
}

.legal-header h2{
font-size:30px;
}

.legal-text h3{
font-size:22px;
}

}


/* ==========================
   FOOTER PRO UI
========================== */

.footer{
position:relative;
background:linear-gradient(180deg,#0d0d0d 0%, #080808 100%);
border-top:1px solid rgba(255,255,255,0.05);
padding:44px 36px 24px;
margin-top:28px;
overflow:hidden;
}

.footer::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:1px;
background:linear-gradient(90deg,transparent, rgba(34,197,94,0.32), transparent);
opacity:0.9;
}

.footer-container{
max-width:1280px;
margin:0 auto 24px auto;
display:grid;
grid-template-columns:1.35fr 1fr 1fr 1fr;
gap:22px;
align-items:start;
}

.footer-column{
background:linear-gradient(135deg,rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.015) 100%);
border:1px solid rgba(255,255,255,0.04);
border-radius:22px;
padding:24px;
box-shadow:0 10px 30px rgba(0,0,0,0.18);
min-height:210px;
}

.footer-column h3{
margin:0 0 16px 0;
font-size:24px;
color:#fff;
}

.footer-brand{
display:flex;
flex-direction:column;
gap:16px;
}

.footer-logo{
display:flex;
align-items:center;
gap:12px;
}

.footer-logo img{
width:36px;
height:36px;
object-fit:contain;
}

.footer-logo span{
font-size:24px;
font-weight:700;
color:#fff;
}

.footer-tagline{
font-size:14px;
line-height:1.8;
color:#bcbcbc;
max-width:340px;
}

.footer-badges{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.footer-badges span{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.04);
font-size:12px;
color:#e4e4e4;
}

.footer-links{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:12px;
}

.footer-links li{
list-style:none;
}

.footer-links a,
.social-list a{
text-decoration:none;
color:#cfcfcf;
font-size:15px;
transition:all 0.2s ease;
}

.footer-links a:hover,
.social-list a:hover{
color:#22c55e;
transform:translateX(2px);
}

.social-list{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:14px;
}

.social-list li{
display:flex;
align-items:center;
gap:12px;
}

.social-list img{
width:18px;
height:18px;
object-fit:contain;
filter:brightness(0) invert(1);
opacity:0.95;
}

.footer-bottom{
max-width:1280px;
margin:0 auto;
padding-top:20px;
border-top:1px solid rgba(255,255,255,0.05);
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
font-size:14px;
color:#b7b7b7;
}

.disclaimer{
color:#bdbdbd;
text-align:right;
}

/* FOOTER RESPONSIVE */

@media (max-width: 1100px){
.footer-container{
grid-template-columns:1fr 1fr;
}
}

@media (max-width: 820px){
.footer{
padding:32px 20px 22px;
}

.footer-container{
grid-template-columns:1fr;
gap:18px;
}

.footer-column{
min-height:auto;
}

.footer-bottom{
flex-direction:column;
align-items:flex-start;
}

.disclaimer{
text-align:left;
}
}

/* ==========================
   PARTNER PAGE PRO UI
========================== */

.partner-hero{
padding:32px 36px 0 36px;
}

.partner-hero-content{
display:flex;
justify-content:space-between;
align-items:stretch;
gap:24px;
padding:36px;
border-radius:26px;
background:linear-gradient(135deg,#1f1f1f 0%, #171717 100%);
border:1px solid rgba(255,255,255,0.05);
box-shadow:0 16px 45px rgba(0,0,0,0.35);
}

.partner-hero-left{
flex:1;
max-width:780px;
}

.partner-kicker{
font-size:12px;
text-transform:uppercase;
letter-spacing:1.6px;
font-weight:700;
color:#22c55e;
margin:0 0 10px 0;
}

.partner-hero-left h1{
margin:0 0 14px 0;
font-size:44px;
line-height:1.08;
color:#fff;
}

.partner-subtitle{
margin:0;
font-size:16px;
line-height:1.8;
color:#b9b9b9;
max-width:760px;
}

.partner-hero-actions{
display:flex;
gap:14px;
margin-top:24px;
flex-wrap:wrap;
}

.partner-hero-right{
width:280px;
display:flex;
flex-direction:column;
gap:16px;
}

.partner-mini-card{
background:#181818;
border:1px solid rgba(255,255,255,0.05);
border-radius:20px;
padding:22px;
}

.partner-mini-card span{
display:block;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
color:#8e8e8e;
margin-bottom:10px;
}

.partner-mini-card h3{
margin:0 0 8px 0;
font-size:34px;
color:#22c55e;
}

.partner-mini-card p{
margin:0;
font-size:14px;
line-height:1.7;
color:#b5b5b5;
}

/* MAIN LAYOUT */

.pro-partner-page{
padding:30px 36px 36px 36px;
max-width:none;
margin:0;
}

.partner-grid-layout{
max-width:1280px;
margin:0 auto;
display:grid;
grid-template-columns:minmax(0,1fr) 320px;
gap:24px;
align-items:start;
}

.partner-main-column{
display:flex;
flex-direction:column;
gap:24px;
}

.partner-side-column{
display:flex;
flex-direction:column;
gap:24px;
position:sticky;
top:100px;
}

.partner-panel{
background:linear-gradient(135deg,#262626 0%, #1f1f1f 100%);
border:1px solid rgba(255,255,255,0.05);
border-radius:26px;
padding:30px;
box-shadow:0 12px 35px rgba(0,0,0,0.28);
}

.partner-side-panel{
background:linear-gradient(135deg,#1f1f1f 0%, #181818 100%);
border:1px solid rgba(255,255,255,0.05);
border-radius:22px;
padding:24px;
box-shadow:0 12px 30px rgba(0,0,0,0.22);
}

.partner-side-label{
display:block;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
color:#8e8e8e;
margin-bottom:10px;
}

.partner-side-panel h3{
margin:0 0 12px 0;
font-size:26px;
color:#fff;
}

.partner-side-panel p{
margin:0;
font-size:14px;
line-height:1.8;
color:#b9b9b9;
}

.partner-side-list{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:12px;
}

.partner-side-list li{
position:relative;
padding-left:18px;
color:#c8c8c8;
font-size:14px;
line-height:1.8;
}

.partner-side-list li::before{
content:"•";
position:absolute;
left:0;
top:0;
color:#22c55e;
font-weight:700;
}

/* REQUIREMENTS */

.partner-requirements-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
}

.partner-requirement-card{
display:flex;
align-items:flex-start;
gap:14px;
background:#181818;
border:1px solid rgba(255,255,255,0.04);
border-radius:18px;
padding:18px;
}

.partner-check{
width:34px;
height:34px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:rgba(34,197,94,0.14);
color:#22c55e;
font-weight:700;
flex-shrink:0;
}

.partner-requirement-card h3{
margin:0 0 6px 0;
font-size:16px;
color:#fff;
}

.partner-requirement-card p{
margin:0;
font-size:14px;
line-height:1.7;
color:#b2b2b2;
}

/* RANKS */

.partner-rank-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
}

.partner-rank-card{
border-radius:22px;
padding:24px;
border:1px solid rgba(255,255,255,0.05);
box-shadow:0 10px 28px rgba(0,0,0,0.22);
}

.star-card{
background:linear-gradient(135deg,rgba(255,215,0,0.09) 0%, rgba(34,34,34,1) 100%);
}

.supreme-card{
background:linear-gradient(135deg,rgba(139,92,246,0.11) 0%, rgba(34,34,34,1) 100%);
}

.famous-card{
background:linear-gradient(135deg,rgba(255,59,59,0.11) 0%, rgba(34,34,34,1) 100%);
}

.rank-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:8px 12px;
border-radius:999px;
background:rgba(255,255,255,0.07);
font-size:12px;
font-weight:700;
margin-bottom:14px;
}

.partner-rank-card h3{
margin:0 0 12px 0;
font-size:24px;
}

.partner-rank-card p{
margin:0 0 16px 0;
font-size:14px;
line-height:1.8;
color:#c3c3c3;
}

.rank-feature-list{
list-style:none;
padding:0;
margin:0;
display:flex;
flex-direction:column;
gap:10px;
}

.rank-feature-list li{
position:relative;
padding-left:18px;
font-size:14px;
line-height:1.7;
color:#d0d0d0;
}

.rank-feature-list li::before{
content:"•";
position:absolute;
left:0;
top:0;
color:#22c55e;
font-weight:700;
}

/* RANK COLORS */

.star{
color:#ffd700;
text-shadow:0 0 10px rgba(255,215,0,0.35);
}

.supreme{
color:#8b5cf6;
text-shadow:0 0 10px rgba(139,92,246,0.35);
}

.famous{
color:#ff4b4b;
text-shadow:0 0 10px rgba(255,75,75,0.35);
}

/* FORM */

.partner-form-text{
margin:0 0 18px 0;
font-size:14px;
line-height:1.8;
color:#bababa;
}

.pro-partner-form{
margin-top:0;
background:transparent;
padding:0;
border-radius:0;
}

.partner-form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
margin-bottom:16px;
}

.pro-partner-form input,
.pro-partner-form textarea{
width:100%;
border:none;
outline:none;
background:#f3f3f3;
color:#111;
border-radius:14px;
padding:14px 16px;
font-size:14px;
}

.pro-partner-form input{
height:52px;
margin-bottom:0;
}

.pro-partner-form textarea{
min-height:140px;
resize:vertical;
margin-bottom:16px;
}

.pro-partner-form button{
height:52px;
padding:0 24px;
border:none;
border-radius:14px;
background:#22c55e;
color:#000;
font-size:15px;
font-weight:700;
cursor:pointer;
transition:0.22s ease;
}

.pro-partner-form button:hover{
background:#16a34a;
transform:translateY(-2px);
}

/* RESPONSIVE */

@media (max-width: 1100px){

.partner-hero-content{
flex-direction:column;
}

.partner-hero-right{
width:100%;
flex-direction:row;
}

.partner-mini-card{
flex:1;
}

.partner-grid-layout{
grid-template-columns:1fr;
}

.partner-side-column{
position:static;
}

.partner-rank-grid{
grid-template-columns:1fr;
}

}

@media (max-width: 820px){

.partner-hero{
padding:24px 20px 0 20px;
}

.pro-partner-page{
padding:24px 20px 32px 20px;
}

.partner-hero-content{
padding:28px;
}

.partner-hero-left h1{
font-size:36px;
}

.partner-requirements-grid,
.partner-form-grid{
grid-template-columns:1fr;
}

}

@media (max-width: 640px){

.partner-hero-right{
flex-direction:column;
}

.partner-panel,
.partner-side-panel{
padding:24px;
}

.partner-hero-actions{
flex-direction:column;
align-items:stretch;
}

}

/* TOAST / NOTIFICATIONS */

.toast-container{
  position:fixed;
  top:24px;
  right:24px;
  z-index:99999;
  display:flex;
  flex-direction:column;
  gap:14px;
  pointer-events:none;
}

.toast{
  min-width:320px;
  max-width:420px;
  background:linear-gradient(135deg, rgba(15,15,15,0.98) 0%, rgba(24,24,24,0.98) 100%);
  border:1px solid rgba(255,255,255,0.06);
  border-left:4px solid #22c55e;
  border-radius:18px;
  box-shadow:0 18px 45px rgba(0,0,0,0.35);
  padding:16px 18px 16px 16px;
  display:flex;
  align-items:flex-start;
  gap:14px;
  font-family:'Poppins', sans-serif;
  pointer-events:auto;
  transform:translateX(120%);
  opacity:0;
  animation:toastIn 0.35s ease forwards;
  overflow:hidden;
  position:relative;
}

.toast.hide{
  animation:toastOut 0.3s ease forwards;
}

.toast-icon{
  width:38px;
  height:38px;
  min-width:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:700;
  margin-top:2px;
}

.toast-content{
  flex:1;
}

.toast-title{
  color:#fff;
  font-size:15px;
  font-weight:700;
  margin:0 0 4px 0;
  line-height:1.2;
}

.toast-message{
  color:#c8c8c8;
  font-size:13px;
  line-height:1.5;
  margin:0;
}

.toast-close{
  background:none;
  border:none;
  color:#8d8d8d;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  padding:0;
  margin-top:2px;
  transition:0.2s ease;
}

.toast-close:hover{
  color:#fff;
  transform:scale(1.1);
}

.toast-progress{
  position:absolute;
  left:0;
  bottom:0;
  height:3px;
  width:100%;
  transform-origin:left;
  animation:toastProgress linear forwards;
}

.toast.success{
  border-left-color:#22c55e;
}

.toast.success .toast-icon{
  background:rgba(34,197,94,0.14);
  color:#22c55e;
}

.toast.success .toast-progress{
  background:#22c55e;
}

.toast.error{
  border-left-color:#ef4444;
}

.toast.error .toast-icon{
  background:rgba(239,68,68,0.14);
  color:#ef4444;
}

.toast.error .toast-progress{
  background:#ef4444;
}

.toast.warning{
  border-left-color:#f59e0b;
}

.toast.warning .toast-icon{
  background:rgba(245,158,11,0.14);
  color:#f59e0b;
}

.toast.warning .toast-progress{
  background:#f59e0b;
}

@keyframes toastIn{
  from{
    transform:translateX(120%);
    opacity:0;
  }
  to{
    transform:translateX(0);
    opacity:1;
  }
}

@keyframes toastOut{
  from{
    transform:translateX(0);
    opacity:1;
  }
  to{
    transform:translateX(120%);
    opacity:0;
  }
}

@keyframes toastProgress{
  from{
    transform:scaleX(1);
  }
  to{
    transform:scaleX(0);
  }
}

@media (max-width:640px){
  .toast-container{
    top:16px;
    right:16px;
    left:16px;
  }

  .toast{
    min-width:unset;
    max-width:none;
    width:100%;
  }
}

.toast-container{
position:fixed;
top:24px;
right:24px;
z-index:99999;
display:flex;
flex-direction:column;
gap:14px;
pointer-events:none;
}

.toast{
position:relative;
display:flex;
align-items:flex-start;
gap:14px;
width:380px;
max-width:calc(100vw - 32px);
padding:18px 18px 20px 18px;
border-radius:18px;
background:linear-gradient(135deg,#171717 0%, #101010 100%);
border:1px solid rgba(255,255,255,0.06);
box-shadow:0 16px 40px rgba(0,0,0,0.35);
overflow:hidden;
pointer-events:auto;
transform:translateX(40px) scale(0.96);
opacity:0;
animation:toastIn 0.35s ease forwards;
font-family:'Poppins', sans-serif;
}

.toast.hide{
animation:toastOut 0.3s ease forwards;
}

.toast.success{
border-left:4px solid #22c55e;
}

.toast.error{
border-left:4px solid #ef4444;
}

.toast.warning{
border-left:4px solid #facc15;
}

.toast-icon{
width:42px;
height:42px;
min-width:42px;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
font-weight:700;
margin-top:2px;
}

.toast.success .toast-icon{
background:rgba(34,197,94,0.14);
color:#22c55e;
}

.toast.error .toast-icon{
background:rgba(239,68,68,0.14);
color:#ef4444;
}

.toast.warning .toast-icon{
background:rgba(250,204,21,0.14);
color:#facc15;
}

.toast-content{
flex:1;
min-width:0;
}

.toast-title{
margin:0 0 4px 0;
font-size:16px;
font-weight:700;
color:#fff;
line-height:1.2;
}

.toast-message{
margin:0;
font-size:14px;
line-height:1.6;
color:#cfcfcf;
word-break:break-word;
}

.toast-close{
background:transparent;
border:none;
color:#8f8f8f;
font-size:22px;
line-height:1;
cursor:pointer;
padding:0;
margin-left:4px;
transition:0.2s ease;
}

.toast-close:hover{
color:#fff;
transform:scale(1.08);
}

.toast-progress{
position:absolute;
left:0;
bottom:0;
height:3px;
width:100%;
transform-origin:left;
animation:toastProgress linear forwards;
}

.toast.success .toast-progress{
background:#22c55e;
}

.toast.error .toast-progress{
background:#ef4444;
}

.toast.warning .toast-progress{
background:#facc15;
}

@keyframes toastIn{
from{
opacity:0;
transform:translateX(40px) scale(0.96);
}
to{
opacity:1;
transform:translateX(0) scale(1);
}
}

@keyframes toastOut{
from{
opacity:1;
transform:translateX(0) scale(1);
}
to{
opacity:0;
transform:translateX(40px) scale(0.96);
}
}

@keyframes toastProgress{
from{
transform:scaleX(1);
}
to{
transform:scaleX(0);
}
}

@media (max-width: 640px){
.toast-container{
top:16px;
right:16px;
left:16px;
}
.toast{
width:100%;
max-width:100%;
}
}


.withdraw-item-modern{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  flex-wrap:wrap;
  padding:18px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.05);
  background:linear-gradient(90deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015));
  margin-top:14px;
}

.withdraw-item-main{
  flex:1;
  min-width:240px;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.withdraw-item-title{
  display:block;
  color:#ffffff;
  font-size:16px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:-0.01em;
}

.withdraw-item-subtitle{
  display:block;
  color:#a7a7b4;
  font-size:13px;
  font-weight:500;
  line-height:1.5;
}

.withdraw-amount{
  min-width:86px;
  text-align:center;
  padding:8px 14px;
  border-radius:10px;
  background:#22c55e;
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:0.01em;
}

.game-link-box,
.pass-link-box{
  margin-top:8px;
  padding:12px 14px;
  background:rgba(255,255,255,0.05);
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.05);
  font-size:13px;
  line-height:1.6;
  color:#d3d3dc;
  word-break:break-word;
}

.game-link-box strong,
.pass-link-box strong{
  color:#ffffff;
  font-weight:700;
}

.game-link-box a,
.pass-link-box a{
  color:#7db8ff;
  text-decoration:none;
  font-weight:600;
}

.game-link-box a:hover,
.pass-link-box a:hover{
  text-decoration:underline;
}