/*
Theme Name: BADSM Landing Countdown
Theme URI: https://akanthit.com/
Author: Akanthit
Description: Cyberpunk landing page for BADSM with admin launch date countdown.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: badsm-landing
*/

:root{
  --bg:#030407;
  --panel:#07080d;
  --white:#f2f2f0;
  --muted:#8b8794;
  --amber:#f0a70b;
  --red:#ed1745;
  --grid:rgba(255,255,255,.035);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--white)}
body{font-family:'Rajdhani','Orbitron','Arial Narrow',system-ui,sans-serif;overflow-x:hidden}
.badsm-page{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:
  radial-gradient(ellipse at 50% 95%, rgba(237,23,69,.16), transparent 42%),
  linear-gradient(180deg,#050507 0%,#030407 78%,#0a0206 100%);}
.badsm-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 87%,transparent 100%);}
.badsm-page:after{content:"";position:absolute;inset:7.5vh 7.5vw 9vh;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.02);pointer-events:none;}
.badsm-wrap{position:relative;z-index:2;width:min(760px,88vw);text-align:center;transform:translateY(-1vh)}
.badsm-age{font-family:'Orbitron','Rajdhani',monospace;font-size:13px;line-height:1;letter-spacing:.54em;color:var(--amber);font-weight:700;margin-bottom:46px;text-transform:uppercase;text-shadow:0 0 14px rgba(240,167,11,.22)}
.badsm-age span{color:#85828f;letter-spacing:.16em}
.badsm-logo{font-family:'Orbitron','Rajdhani','Arial Black',sans-serif;font-weight:900;font-size:clamp(72px,10vw,156px);letter-spacing:.055em;line-height:.78;margin:0;text-transform:uppercase;color:var(--white);filter:drop-shadow(0 0 1px rgba(255,255,255,.15))}
.badsm-logo .a{color:var(--red)}
.badsm-sub{margin-top:48px;font-family:'Orbitron','Rajdhani',monospace;font-size:17px;letter-spacing:.52em;font-weight:600;color:#878491;text-transform:uppercase;white-space:nowrap}
.badsm-sub strong{color:var(--amber);font-weight:800}.badsm-sub i{color:var(--red);font-style:normal;margin-left:12px}
.badsm-actions{position:relative;margin:52px auto 0;display:grid;grid-template-columns:1fr 1.2fr;gap:28px;width:min(630px,100%)}
.badsm-btn{height:64px;display:flex;align-items:center;justify-content:center;text-decoration:none;text-transform:uppercase;font-family:'Orbitron','Rajdhani',monospace;font-size:15px;font-weight:800;letter-spacing:.28em;pointer-events:none;user-select:none;position:relative;color:#050507;border:1px solid var(--red);background:var(--red);clip-path:polygon(0 0,93% 0,100% 25%,100% 100%,7% 100%,0 75%)}
.badsm-btn.outline{color:var(--amber);background:transparent;border-color:rgba(240,167,11,.75);clip-path:polygon(0 0,95% 0,100% 25%,100% 100%,0 100%)}
.badsm-count-strip{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + 10px);min-height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,transparent 0%,rgba(240,167,11,.94) 12%,rgba(240,167,11,.98) 88%,transparent 100%);box-shadow:0 0 24px rgba(240,167,11,.28);color:#06070a;font-family:'Orbitron','Rajdhani',monospace;font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;padding:8px 22px;white-space:nowrap}
.badsm-foot{position:fixed;z-index:3;left:0;right:0;bottom:38px;text-align:center;font-family:'Orbitron','Rajdhani',monospace;font-size:12px;letter-spacing:.42em;color:#77737f;text-transform:uppercase}.badsm-foot b{color:var(--red);font-weight:900;margin-right:14px}
@media(max-width:720px){.badsm-wrap{width:90vw}.badsm-age{font-size:10px;letter-spacing:.28em;margin-bottom:36px}.badsm-sub{font-size:12px;letter-spacing:.27em;margin-top:34px;white-space:normal}.badsm-actions{grid-template-columns:1fr;gap:14px;margin-top:36px}.badsm-btn{height:58px}.badsm-count-strip{top:50%;font-size:10px;letter-spacing:.12em;white-space:normal;width:104%}.badsm-foot{font-size:9px;letter-spacing:.24em;bottom:24px}.badsm-logo{font-size:clamp(58px,20vw,100px)}}