/* 91LUCKYWIN Premium UI v1.0
   Presentation-only theme layer. Existing routes, forms and backend actions remain unchanged. */
:root{
 --p-bg:#f5f7fb; --p-surface:#ffffff; --p-ink:#111827; --p-muted:#64748b;
 --p-primary:#2563eb; --p-primary-2:#4f46e5; --p-line:#e7ebf2;
 --p-dark:#0f172a; --p-success:#10b981; --p-warning:#f59e0b; --p-danger:#ef4444;
 --p-radius:20px; --p-shadow:0 14px 40px rgba(15,23,42,.08);
}
html{background:var(--p-bg)!important}
body{
 background:linear-gradient(180deg,#f8fafc 0%,#f3f6fb 100%)!important;
 color:var(--p-ink)!important; font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 min-height:100vh;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
 radial-gradient(circle at 90% 0%,rgba(37,99,235,.08),transparent 30%),
 radial-gradient(circle at 0% 25%,rgba(79,70,229,.06),transparent 25%);}
a{color:inherit}
.wrapper,.wrapper-inline{background:transparent!important}
.topbar,.header-section,.invest_header{
 background:rgba(255,255,255,.92)!important;color:var(--p-ink)!important;
 border-bottom:1px solid var(--p-line)!important;box-shadow:0 8px 30px rgba(15,23,42,.05)!important;
 backdrop-filter:blur(16px);
}
.topbar{padding:16px!important}
.topbar h1,.invest_header div:nth-child(2){font-weight:800!important;letter-spacing:-.02em}
.glass{
 background:rgba(255,255,255,.9)!important;border:1px solid var(--p-line)!important;
 box-shadow:var(--p-shadow)!important;backdrop-filter:blur(14px);
}
.premium-card,.bg-\[\#141329\],.bg-\[\#0E1B2A\],.bg-\[\#1c112a\],.bg-\[\#1e1730\],.bg-\[\#1a1a2f\],.bg-\[\#0C071A\]{
 background:var(--p-surface)!important;color:var(--p-ink)!important;border:1px solid var(--p-line)!important;
 box-shadow:var(--p-shadow)!important;
}
.text-white{color:var(--p-ink)!important}
.text-gray-300,.text-gray-400,.text-gray-500,.text-\[\#A8B3C2\]{color:var(--p-muted)!important}
.text-green-400,.text-\[\#16C784\]{color:#059669!important}
.text-yellow-400,.text-\[\#F5C451\]{color:#b7791f!important}
.text-red-400{color:#dc2626!important}
.bg-purple-600,.bg-pink-600,.bg-indigo-500,.bg-blue-500,.bg-gradient-to-r,.bg-gradient-to-br{
 background:linear-gradient(135deg,var(--p-primary),var(--p-primary-2))!important;color:#fff!important;
}
button,.gradient-button,.serve-btn,.actions button,.actions a{
 border:0!important; border-radius:14px!important; background:linear-gradient(135deg,var(--p-primary),var(--p-primary-2))!important;
 box-shadow:0 10px 24px rgba(37,99,235,.20)!important; color:#fff!important;
}
input,select,textarea{
 background:#fff!important;color:var(--p-ink)!important;border:1px solid #dce2ea!important;border-radius:14px!important;
}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#93b4ff!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important}
.bottom-menu-section{
 position:fixed!important;left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;
 width:min(94%,560px)!important;z-index:9999!important;padding:7px!important;
 background:rgba(255,255,255,.94)!important;border:1px solid var(--p-line)!important;
 border-radius:22px!important;box-shadow:0 18px 50px rgba(15,23,42,.16)!important;backdrop-filter:blur(18px);
}
.bottom-menu{display:flex!important;justify-content:space-around!important;margin:0!important;padding:0!important}
.bottom-menu li{flex:1!important;text-align:center!important}
.bottom-menu li a{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;color:#64748b!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important}
.bottom-menu li a img{width:22px!important;height:22px!important;object-fit:contain!important;filter:grayscale(1)!important;opacity:.65!important}
.bottom-menu li:first-child a,.bottom-menu li a:hover{color:var(--p-primary)!important}
.bottom-menu li:first-child a img{filter:none!important;opacity:1!important}
main,.container{max-width:760px;margin-left:auto;margin-right:auto}
main{padding-bottom:105px!important}
section{scroll-margin-top:20px}
.premium-hero{
 margin:16px; padding:24px; border-radius:26px; color:#fff;
 background:linear-gradient(135deg,#0f172a,#1e3a8a 55%,#4f46e5);
 box-shadow:0 18px 50px rgba(15,23,42,.18);position:relative;overflow:hidden;
}
.premium-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-60px;top:-70px;background:rgba(255,255,255,.12)}
.premium-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;opacity:.72}
.premium-title{font-size:28px;font-weight:850;letter-spacing:-.04em;margin-top:8px}
.premium-sub{font-size:13px;opacity:.78;line-height:1.6;margin-top:7px}
.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 16px}
.stat-card{background:#fff;border:1px solid var(--p-line);border-radius:18px;padding:16px;box-shadow:var(--p-shadow)}
.stat-card .label{font-size:12px;color:var(--p-muted);font-weight:700}.stat-card .value{font-size:20px;font-weight:850;margin-top:5px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 16px}
.quick-item{background:#fff;border:1px solid var(--p-line);border-radius:18px;padding:13px 8px;text-align:center;box-shadow:0 8px 24px rgba(15,23,42,.06);font-size:11px;font-weight:800}
.quick-item i{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 7px;border-radius:13px;background:#eef4ff;color:var(--p-primary);font-size:16px}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 16px 10px}
.section-head h2{font-size:18px;font-weight:850;margin:0}.section-head span{font-size:12px;color:var(--p-muted)}
.plan-card{margin:12px 16px;padding:18px;border:1px solid var(--p-line);background:#fff;border-radius:22px;box-shadow:var(--p-shadow)}
.plan-card .plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.plan-badge{padding:6px 9px;border-radius:99px;background:#eef4ff;color:var(--p-primary);font-size:10px;font-weight:900}
.plan-price{font-size:24px;font-weight:900}.plan-name{font-size:16px;font-weight:850}.plan-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.plan-meta div{background:#f7f9fc;border-radius:13px;padding:10px}.plan-meta small{display:block;color:var(--p-muted);font-size:10px}.plan-meta b{display:block;font-size:13px;margin-top:3px}
.plan-action{display:block;text-align:center;margin-top:14px;padding:11px;border-radius:13px;background:linear-gradient(135deg,var(--p-primary),var(--p-primary-2));color:#fff!important;font-weight:800;text-decoration:none}
.notice-bar{margin:12px 16px;padding:12px 14px;background:#fff;border:1px solid var(--p-line);border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.05);font-size:12px}
.table-card{margin:12px 16px;background:#fff;border:1px solid var(--p-line);border-radius:18px;overflow:hidden;box-shadow:var(--p-shadow)}
.table-card>div{padding:14px;border-bottom:1px solid #eef1f5}.table-card>div:last-child{border-bottom:0}
@media(max-width:520px){
 .quick-grid{grid-template-columns:repeat(4,1fr);gap:7px}.quick-item{padding:11px 4px}
 .premium-title{font-size:25px}.stat-grid{grid-template-columns:repeat(2,1fr)}
}
body{padding-bottom:95px!important}

.premium-bottom-nav{position:fixed;z-index:10000;left:50%;bottom:12px;transform:translateX(-50%);width:min(94%,560px);display:grid;grid-template-columns:repeat(5,1fr);padding:7px;background:rgba(255,255,255,.96);border:1px solid #e6eaf0;border-radius:23px;box-shadow:0 18px 55px rgba(15,23,42,.16);backdrop-filter:blur(18px)}
.premium-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 3px;border-radius:17px;text-decoration:none;color:#64748b;font-size:10px;font-weight:800}
.premium-bottom-nav a svg{width:20px;height:20px;stroke-width:2}
.premium-bottom-nav a.active{background:#eef4ff;color:#2563eb}

/* Legacy page component normalization */
.header-section,.service_header,.history_header,.bank_header,.fund_header,.fund-header,.service-page .header-section{
 background:#fff!important;color:#0f172a!important;border-bottom:1px solid #e7ebf2!important;
}
.header-section h2,.service_header h2,.history_header h2,.bank_header h2{color:#0f172a!important}
.card,.glass-card,.d_card,.vip_card,.purchase_box,.fund-header,.fund_header,.invitation_box,.income-box,.user-card,.header_box,.header_box_card,.gift_box,.check-section,.w_banner_box{
 background:#fff!important;color:#0f172a!important;border:1px solid #e7ebf2!important;border-radius:20px!important;box-shadow:0 14px 40px rgba(15,23,42,.08)!important;
}
.active-tab,.tab-btn.active{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important}
.tab-nav{background:#fff!important;border:1px solid #e7ebf2!important;box-shadow:0 8px 24px rgba(15,23,42,.05)!important}
._card{background:#fff!important;border:1px solid #e7ebf2!important;color:#0f172a!important;box-shadow:0 10px 30px rgba(15,23,42,.06)!important}
._card-header{color:#64748b!important}.service-info-area .single-service-info{background:#fff!important;border:1px solid #e7ebf2!important;border-radius:18px!important}
.gradient-header{background:linear-gradient(135deg,#0f172a,#1d4ed8)!important}