:root{--bg:#0a0608;--surface:#120c0e;--card:#1a1214;--red:#dc2626;--gold:#f59e0b;--white:#f8fafc;--gray:#a1a1aa;--border:rgba(220,38,38,0.15)}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--white);line-height:1.7}a{color:var(--gold);text-decoration:none;transition:.2s}a:hover{color:var(--red)}

/* Header - CK999 style */
.hdr{background:rgba(18,12,14,0.95);backdrop-filter:blur(12px);position:fixed;width:100%;top:0;z-index:1000;border-bottom:1px solid var(--border)}
.hdr-in{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}
.logo{font-size:28px;font-weight:900;letter-spacing:1px;flex-shrink:0}
.logo .pba{color:var(--red)}
.logo .win{color:var(--gold)}
.nav{display:flex;gap:24px;flex:1;justify-content:center}
.nav a{color:var(--gray);font-size:14px;font-weight:500;padding:8px 0}
.nav a:hover,.nav a.active{color:var(--white)}

/* Header buttons - LARGE like CK999 */
.hdr-btn{display:flex;gap:10px;flex-shrink:0}
.btn{padding:14px 28px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:.2s;display:inline-block;border:none;white-space:nowrap;text-transform:uppercase;letter-spacing:0.5px}
.btn-outline{background:transparent;border:2px solid var(--gold);color:var(--gold)}
.btn-outline:hover{background:var(--gold);color:#000}
.btn-primary{background:var(--gold);color:#000}
.btn-primary:hover{background:#d97706;transform:translateY(-1px)}

.m-btn{display:none;background:none;border:none;color:var(--white);font-size:24px;cursor:pointer;padding:4px}

/* Hero */
.hero{min-height:100vh;display:flex;align-items:center;padding:100px 20px 60px;background:linear-gradient(135deg,var(--bg) 0%,var(--surface) 100%);position:relative}.hero::before{content:'';position:absolute;top:20%;right:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(220,38,38,0.12),transparent 70%);pointer-events:none}.hero-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr 0.9fr;gap:50px;align-items:center}.hero-txt h1{font-size:clamp(32px,5vw,52px);line-height:1.1;margin-bottom:20px}.hero-txt h1 .hl{color:var(--gold)}.hero-txt p{color:var(--gray);font-size:17px;margin-bottom:28px;max-width:480px}.hero-btns{display:flex;gap:14px;margin-bottom:36px}.hero-stats{display:flex;gap:36px}.h-stat-v{font-size:26px;font-weight:800;color:var(--red)}.h-stat-l{font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:1px}.hero-img img{max-width:100%;filter:drop-shadow(0 20px 50px rgba(220,38,38,0.2))}

/* Cards Grid */
.cards{padding:70px 20px;background:var(--surface)}.cards-in{max-width:1200px;margin:0 auto}.cards-head{text-align:center;margin-bottom:40px}.cards-head h2{font-size:32px;margin-bottom:10px}.cards-head p{color:var(--gray)}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;text-align:center;transition:.3s}.card:hover{border-color:var(--red);transform:translateY(-4px)}.card-ico{font-size:36px;margin-bottom:14px}.card h3{font-size:16px;margin-bottom:8px}.card p{color:var(--gray);font-size:13px}

/* Content Section */
.sect{padding:70px 20px}.sect-in{max-width:1200px;margin:0 auto}.layout{display:grid;grid-template-columns:1fr 320px;gap:40px}.content h1{font-size:30px;margin-bottom:18px}.content h2{font-size:22px;margin:28px 0 14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.content p{color:var(--gray);margin-bottom:14px}.content ul,.content ol{margin:14px 0 18px 22px;color:var(--gray)}.content li{margin-bottom:8px}.content li strong{color:var(--gold)}

/* Data Table */
.dtable{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:20px 0}.dtable-row{display:flex;border-bottom:1px solid var(--border)}.dtable-row:last-child{border-bottom:none}.dtable-k{flex:0 0 140px;padding:12px 16px;background:rgba(220,38,38,0.05);color:var(--gray);font-size:13px}.dtable-v{flex:1;padding:12px 16px;font-weight:600;font-size:14px}

/* Sidebar */
.aside{position:sticky;top:90px}.aside-box{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.aside-box h4{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.aside-box ul{list-style:none}.aside-box li{padding:10px 0;border-bottom:1px solid var(--border)}.aside-box li:last-child{border-bottom:none}.aside-box a{color:var(--white);font-size:14px}.aside-cta{background:linear-gradient(135deg,var(--red),#b91c1c);border-radius:12px;padding:24px;text-align:center}.aside-cta h4{font-size:20px;margin-bottom:6px}.aside-cta p{font-size:13px;opacity:.9;margin-bottom:14px}.aside-cta .btn{background:var(--gold);color:#000}

/* Auth Page */
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 20px 50px}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:40px;width:100%;max-width:400px;text-align:center}.auth-card .ico{width:70px;height:70px;background:linear-gradient(135deg,var(--red),#b91c1c);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:30px}.auth-card h1{font-size:24px;margin-bottom:8px}.auth-card .sub{color:var(--gray);margin-bottom:24px}.auth-card .btns{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.auth-card .btns .btn{width:100%}.auth-card .note{color:var(--gray);font-size:12px}

/* Image */
.imgbox{margin:20px 0;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.imgbox img{width:100%;display:block}

/* Footer */
.ftr{background:var(--surface);border-top:1px solid var(--border);padding:50px 20px 25px;margin-top:60px}.ftr-in{max-width:1200px;margin:0 auto}.ftr-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:36px}.ftr-brand p{color:var(--gray);font-size:12px;margin-top:12px;max-width:260px}.ftr-col h5{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px}.ftr-col a{display:block;color:var(--gray);font-size:12px;margin-bottom:8px}.ftr-btm{text-align:center;padding-top:24px;border-top:1px solid var(--border)}.ftr-btm p{color:var(--gray);font-size:11px;margin-bottom:10px}.warn{display:inline-block;background:rgba(220,38,38,0.1);border:1px solid rgba(220,38,38,0.2);padding:12px 20px;border-radius:8px;font-size:10px;color:var(--gray)}

/* Responsive */
@media(max-width:1024px){.hero-in{grid-template-columns:1fr}.hero-img{display:none}.cards-grid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.aside{position:static}.ftr-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:16px}.nav a{font-size:13px}}
@media(max-width:768px){.hdr-in{padding:8px 12px}.logo{font-size:24px}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);flex-direction:column;padding:16px;gap:0}.nav a{padding:12px 0;border-bottom:1px solid var(--border)}.nav.active{display:flex}.m-btn{display:block}.hdr-btn{display:flex;gap:8px}.hdr-btn .btn{padding:12px 20px;font-size:13px}.hero-stats{flex-wrap:wrap;gap:20px}.cards-grid{grid-template-columns:1fr}.ftr-grid{grid-template-columns:1fr;text-align:center}}
@media(max-width:480px){.hdr-btn .btn{padding:10px 16px;font-size:12px}.logo{font-size:20px}}