/* ak44-win.com — global stylesheet */
:root{
  --c-bg:#0a1533;--c-bg-2:#0f1f4a;--c-bg-3:#132a6a;
  --c-surface:#ffffff;--c-surface-soft:#f4f6fc;--c-surface-dark:#0b1e4f;
  --c-border:#e4e8f5;--c-border-dark:#1b2f63;
  --c-text:#0b1533;--c-text-soft:#4a5680;--c-text-inv:#ffffff;--c-muted:#8893b8;
  --c-primary:#1f6fff;--c-primary-dark:#0f3fb3;--c-accent:#ffd447;--c-accent-2:#28c76f;--c-danger:#ff5b5b;
  --r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:22px;
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;
  --sh-1:0 1px 2px rgba(11,21,51,.06);
  --sh-2:0 6px 18px rgba(11,21,51,.08);
  --sh-3:0 18px 40px rgba(11,21,51,.14);
  --f-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Bengali","SolaimanLipi","Siyam Rupali",Arial,sans-serif;
  --ctr:1220px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--c-surface-soft);color:var(--c-text);font-family:var(--f-body);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--c-primary);text-decoration:none}
a:hover{color:var(--c-primary-dark);text-decoration:underline}
h1,h2,h3,h4{color:var(--c-text);line-height:1.25;margin:0 0 var(--s-4)}
h1{font-size:34px;font-weight:800;letter-spacing:-.3px}
h2{font-size:26px;font-weight:800}
h3{font-size:20px;font-weight:700}
p{margin:0 0 var(--s-4)}
ul,ol{padding-left:22px;margin:0 0 var(--s-4)}
li{margin-bottom:6px}
.container{max-width:var(--ctr);margin:0 auto;padding:0 20px}
.hide{display:none!important}
.visually-hidden{position:absolute;left:-9999px}

/* topbar */
.topbar{background:#06112c;color:#cfd8ff;font-size:13px;padding:6px 0}
.topbar .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.topbar a{color:#cfd8ff}
.topbar .tb-right span{margin-left:14px}

/* header */
.site-header{background:#fff;border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:40;box-shadow:var(--sh-1)}
.site-header .bar{display:flex;align-items:center;gap:18px;padding:10px 0;flex-wrap:nowrap}
.logo-wrap{flex:0 0 auto;display:inline-flex;align-items:center}
.logo-wrap img,.logo-wrap svg{height:44px;width:auto;max-height:44px}
.main-nav{flex:1;min-width:0}
.main-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:4px;flex-wrap:wrap}
.main-nav a{display:inline-block;padding:8px 12px;border-radius:var(--r-md);color:var(--c-text);font-weight:600;font-size:14.5px}
.main-nav a:hover{background:var(--c-surface-soft);color:var(--c-primary);text-decoration:none}
.main-nav a.active{color:var(--c-primary);background:#eef3ff}
.header-cta{display:flex;gap:10px;flex:0 0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;font-weight:700;font-size:14.5px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn-register{background:var(--c-accent);color:#0b1533}
.btn-register:hover{background:#ffdf6e;color:#0b1533}
.btn-login{background:#fff;color:var(--c-primary);border-color:var(--c-primary)}
.btn-login:hover{background:var(--c-primary);color:#fff}
.btn-primary{background:var(--c-primary);color:#fff}
.btn-primary:hover{background:var(--c-primary-dark);color:#fff}
.btn-ghost{background:transparent;color:var(--c-text);border-color:var(--c-border)}
.btn-ghost:hover{background:var(--c-surface-soft)}
.btn-lg{padding:14px 26px;font-size:16px}

/* burger */
.burger{display:none;background:transparent;border:1px solid var(--c-border);border-radius:8px;padding:6px 10px;font-size:20px;line-height:1}

/* hero */
.hero{position:relative;background:linear-gradient(180deg,#07142e,#0e285c);color:#fff;overflow:hidden}
.hero-banner img{width:100%;display:block}
.hero-inline{padding:var(--s-7) 0}
.hero-inline h1{color:#fff;font-size:40px}
.hero-inline p{color:#d7defb;font-size:18px;max-width:760px}
.hero-inline .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--s-5)}

/* section */
section{padding:56px 0}
.section-head{margin-bottom:28px;max-width:760px}
.section-head .eyebrow{display:inline-block;background:#eef3ff;color:var(--c-primary);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}
.section-head p{color:var(--c-text-soft)}

/* breadcrumb */
.breadcrumb{background:#fff;border-bottom:1px solid var(--c-border);padding:12px 0;font-size:13.5px;color:var(--c-text-soft)}
.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.breadcrumb li+li::before{content:"/";margin-right:8px;color:var(--c-muted)}
.breadcrumb a{color:var(--c-text-soft)}

/* shortcut grid (homepage tiles) */
.shortcut-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.shortcut-tile{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:18px 14px;text-align:center;color:var(--c-text);transition:all .2s;box-shadow:var(--sh-1)}
.shortcut-tile:hover{border-color:var(--c-primary);box-shadow:var(--sh-2);transform:translateY(-3px);text-decoration:none}
.shortcut-tile .st-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#1f6fff,#0b1f4d);color:#ffd447;display:flex;align-items:center;justify-content:center;font-weight:800;margin:0 auto 10px}
.shortcut-tile h4{margin:0 0 4px;font-size:15px}
.shortcut-tile span{font-size:12.5px;color:var(--c-muted)}

/* feature cards */
.card-grid{display:grid;gap:18px}
.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.card-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.card-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--sh-1);transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}
.card h3{margin-top:0}
.card p{color:var(--c-text-soft);margin-bottom:0}
.card .card-num{display:inline-block;font-weight:800;color:var(--c-primary);font-size:18px;margin-bottom:8px;border-left:3px solid var(--c-accent);padding-left:8px}

/* content flow / feed */
.flow-feed{display:grid;grid-template-columns:2fr 1fr;gap:32px}
.flow-main article{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:22px;margin-bottom:18px;box-shadow:var(--sh-1)}
.flow-main article h3{margin-top:0}
.flow-main article .meta{font-size:13px;color:var(--c-muted);margin-bottom:8px}
.flow-side .side-box{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:18px;margin-bottom:18px}
.flow-side h4{margin-top:0;font-size:15px;color:var(--c-text);border-left:4px solid var(--c-accent);padding-left:8px}
.flow-side ul{padding-left:18px;margin:0}

/* long content */
.longform{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:36px;box-shadow:var(--sh-1)}
.longform h2{margin-top:28px}
.longform h2:first-child{margin-top:0}
.longform h3{margin-top:20px}
.longform ul li,.longform ol li{color:var(--c-text-soft)}

/* faq */
.faq-list{display:grid;gap:10px}
.faq-item{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden}
.faq-q{padding:14px 18px;cursor:pointer;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:10px}
.faq-q::after{content:"+";font-weight:800;color:var(--c-primary);font-size:18px}
.faq-item.open .faq-q::after{content:"-"}
.faq-a{padding:0 18px 14px;color:var(--c-text-soft);display:none}
.faq-item.open .faq-a{display:block}

/* cta band */
.cta-band{background:linear-gradient(135deg,#0b1f4d,#1f6fff);color:#fff;border-radius:var(--r-xl);padding:38px;text-align:center}
.cta-band h2{color:#fff}
.cta-band p{color:#d7defb}
.cta-band .btn-register{color:#0b1f4d}

/* news list */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.news-grid>*{min-width:0}
.news-card{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;box-shadow:var(--sh-1);min-width:0;max-width:100%;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}
.news-card *{min-width:0;max-width:100%}
.news-card .cat{font-size:12px;font-weight:700;color:var(--c-primary);text-transform:uppercase;letter-spacing:.5px}
.news-card h3{margin:8px 0;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card h3 a{color:var(--c-text);overflow-wrap:anywhere;word-break:break-word}
.news-card h3 a:hover{color:var(--c-primary)}
.news-card .summary{color:var(--c-text-soft);flex-grow:1;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.news-card .meta{font-size:12.5px;color:var(--c-muted);margin-top:14px;border-top:1px solid var(--c-border);padding-top:10px}
.news-card.featured{grid-column:span 2;background:linear-gradient(135deg,#0f1f4a,#1f6fff);color:#fff;border-color:transparent}
.news-card.featured h3 a,.news-card.featured .cat,.news-card.featured .summary,.news-card.featured .meta{color:#fff}

/* article body */
.article-body{background:#fff;border-radius:var(--r-lg);padding:36px;box-shadow:var(--sh-1);border:1px solid var(--c-border);min-width:0;overflow-wrap:anywhere;word-break:break-word}
.article-body .meta{color:var(--c-muted);font-size:13.5px;margin-bottom:18px}
.article-body h1,.article-body h2,.article-body h3,.article-body h4{overflow-wrap:anywhere;word-break:break-word}
.article-body h2{margin-top:26px}
.article-body p,.article-body li,.article-body em,.article-body strong{overflow-wrap:anywhere;word-break:break-word}
.article-body img,.article-body video,.article-body iframe{max-width:100%;height:auto}
.article-body pre,.article-body code{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.article-body blockquote{border-left:4px solid var(--c-accent);background:var(--c-surface-soft);padding:14px 18px;margin:18px 0;color:var(--c-text-soft);border-radius:0 var(--r-md) var(--r-md) 0}

/* steps */
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:22px;position:relative}
.step::before{counter-increment:step;content:"0" counter(step);position:absolute;top:-18px;left:18px;background:var(--c-accent);color:#0b1f4d;padding:4px 10px;border-radius:999px;font-weight:800;font-size:13px}
.step h4{margin:4px 0 6px}
.step p{color:var(--c-text-soft);margin:0;font-size:14px}

/* bonus list */
.bonus-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.bonus-row{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:24px;display:flex;gap:16px}
.bonus-row .b-tag{flex:0 0 80px;background:linear-gradient(135deg,#ffd447,#ff9a00);border-radius:var(--r-md);height:80px;display:flex;align-items:center;justify-content:center;color:#0b1f4d;font-weight:800;font-size:14px;text-align:center;padding:4px}
.bonus-row h3{margin:0 0 8px}
.bonus-row .b-meta{color:var(--c-muted);font-size:13px}

/* sports board */
.sport-board{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sport-tile{position:relative;background:#0f1f4a;color:#fff;border-radius:var(--r-lg);padding:24px;min-height:150px;overflow:hidden}
.sport-tile::after{content:"";position:absolute;inset:auto -40px -40px auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,212,71,.35),transparent 70%)}
.sport-tile h3{color:#fff;margin:0 0 10px}
.sport-tile p{color:#cbd3f3;margin:0 0 14px}
.sport-tile a{color:#ffd447;font-weight:700}

/* live table grid */
.live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.live-cell{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-md);padding:16px;text-align:center}
.live-cell .label{font-size:12px;color:var(--c-muted);text-transform:uppercase;letter-spacing:.5px}
.live-cell .name{font-weight:700;margin:6px 0 4px}
.live-cell .desc{font-size:13px;color:var(--c-text-soft)}

/* table */
.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden}
.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--c-border);font-size:14.5px}
.table th{background:var(--c-surface-soft);font-weight:700}
.table tr:last-child td{border-bottom:0}

/* download banner */
.download-hero{background:linear-gradient(135deg,#0b1f4d,#1f6fff);color:#fff;border-radius:var(--r-xl);padding:40px;display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:center}
.download-hero h1{color:#fff;margin-bottom:10px}
.download-hero p{color:#d7defb}
.device-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.device-card{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:22px}
.device-card h3{margin-top:0}
.device-card .v{display:inline-block;background:var(--c-accent);color:#0b1f4d;padding:2px 10px;border-radius:999px;font-weight:700;font-size:12px;margin-bottom:8px}

/* footer */
.site-footer{background:#06112c;color:#c3cce6;padding:56px 0 0;margin-top:60px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.1fr;gap:28px}
.site-footer h4{color:#fff;font-size:15px;margin:0 0 14px;letter-spacing:.3px}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:8px}
.site-footer a{color:#c3cce6;font-size:14px}
.site-footer a:hover{color:#ffd447}
.footer-brand p{color:#8a97bd;font-size:13.5px}
.footer-contact p{margin:0 0 8px;font-size:13.5px}
.footer-contact strong{color:#fff;display:block}
.footer-copy{border-top:1px solid #15254d;margin-top:36px;padding:18px 0;font-size:13px;color:#8a97bd;text-align:center}

/* keyword ribbon */
.kw-ribbon{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:18px 22px;margin-top:18px}
.kw-ribbon h4{margin:0 0 6px;font-size:14px;color:var(--c-text-soft)}
.kw-ribbon span{display:inline-block;background:var(--c-surface-soft);border:1px solid var(--c-border);border-radius:999px;padding:4px 10px;font-size:12.5px;margin:4px 4px 0 0;color:var(--c-text-soft)}

/* 404 */
.err-wrap{text-align:center;padding:80px 0}
.err-wrap .big{font-size:120px;font-weight:800;line-height:1;background:linear-gradient(135deg,#1f6fff,#ffd447);-webkit-background-clip:text;background-clip:text;color:transparent}

/* responsive */
@media (max-width:1024px){
  .shortcut-grid{grid-template-columns:repeat(3,1fr)}
  .card-grid.cols-3,.card-grid.cols-4,.news-grid,.sport-board,.live-grid,.steps{grid-template-columns:repeat(2,1fr)}
  .flow-feed{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .download-hero{grid-template-columns:1fr}
  .bonus-list{grid-template-columns:1fr}
  .news-card.featured{grid-column:span 2}
}
@media (max-width:720px){
  h1{font-size:26px}
  h2{font-size:22px}
  .hero-inline h1{font-size:28px}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--c-border);padding:10px 16px}
  .main-nav.open{display:block}
  .main-nav ul{flex-direction:column;gap:2px}
  .burger{display:inline-flex}
  .site-header .bar{position:relative}
  .logo-wrap img,.logo-wrap svg{height:38px;max-height:38px}
  .shortcut-grid{grid-template-columns:repeat(2,1fr)}
  .card-grid.cols-3,.card-grid.cols-4,.news-grid,.sport-board,.live-grid,.steps,.bonus-list{grid-template-columns:1fr}
  .news-card.featured{grid-column:span 1}
  .footer-grid{grid-template-columns:1fr}
  .longform,.article-body{padding:22px}
  .header-cta .btn{padding:8px 12px;font-size:13px}
  .topbar .tb-right{display:none}
}