
/* =======================================================
   CLASTIE V12 CORPORATE
   cleaner corporate UI + central vote + launcher setting
   ======================================================= */
:root{
 --cl12-navy:#0b1426;
 --cl12-navy-2:#111e35;
 --cl12-panel:#15243d;
 --cl12-panel-hover:#192a47;
 --cl12-line:rgba(255,255,255,.09);
 --cl12-text:#f8fafc;
 --cl12-muted:#aebbd0;
 --cl12-orange:#f47a21;
 --cl12-orange-hi:#ff9a4d;
 --cl12-blue:#536cf3;
}

/* More corporate proportions */
.cl-mainnav{
 background:rgba(8,15,28,.91)!important;
 box-shadow:0 8px 28px rgba(1,7,18,.14)!important;
}
.cl-nav-inner{height:74px!important}
.cl-brand-mark{border-radius:12px!important}
.cl-nav-link{
 font-size:14px!important;
 font-weight:700!important;
 letter-spacing:.01em!important;
}
.cl-nav-link:before{border-radius:9px!important}
.cl-login-btn,.cl-register-btn,.cl-cart-btn,.cl-user-btn,.cl-mobile-toggle,.cl12-launcher-btn{
 border-radius:10px!important;
}

/* Admin-managed launcher */
.cl12-launcher-btn{
 height:43px;
 padding:0 15px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 background:#15233b;
 border:1px solid rgba(255,255,255,.09);
 color:#e7edf8!important;
 font-family:'Oxanium','Inter',sans-serif!important;
 font-size:13px;
 font-weight:700;
}
.cl12-launcher-btn:hover{
 background:#1b2b48;
 border-color:rgba(255,154,77,.24);
 transform:translateY(-1px);
}

/* Hero refined */
.cl9-hero-overlay{
 background:
 linear-gradient(90deg,rgba(7,13,24,.93) 0%,rgba(7,13,24,.79) 40%,rgba(7,13,24,.42) 73%,rgba(7,13,24,.59) 100%),
 linear-gradient(180deg,rgba(7,13,24,.08),rgba(7,13,24,.32) 58%,#0b1426 100%)!important;
}
.cl9-copy{max-width:850px}
.cl9-copy h1{
 font-size:clamp(50px,5.5vw,80px)!important;
 letter-spacing:-.025em!important;
}
.cl9-copy p{color:#ccd6e7!important;max-width:720px}
.cl9-btn{
 min-height:54px!important;
 border-radius:11px!important;
 box-shadow:0 10px 24px rgba(2,8,23,.18)!important;
}
.cl9-info-card{
 border-radius:13px!important;
 background:rgba(18,31,53,.86)!important;
 box-shadow:0 12px 30px rgba(2,8,23,.15)!important;
}
.cl9-info-icon{border-radius:10px!important}

/* Central Vote */
.cl12-vote-wrap{
 display:flex;
 justify-content:center;
 width:min(100%,900px);
 margin:22px 0 4px;
}
.cl12-vote-button{
 width:min(100%,430px);
 min-height:68px;
 padding:10px 13px 10px 18px;
 border-radius:13px;
 display:grid;
 grid-template-columns:auto 1fr auto;
 align-items:center;
 gap:14px;
 color:#fff!important;
 background:linear-gradient(180deg,#172845,#122038);
 border:1px solid rgba(255,255,255,.11);
 box-shadow:0 16px 36px rgba(1,7,18,.23);
}
.cl12-vote-button:hover{
 transform:translateY(-2px);
 border-color:rgba(255,127,34,.36);
 background:linear-gradient(180deg,#1a2d4d,#14243d);
}
.cl12-vote-label{
 height:36px;
 padding:0 11px;
 border-radius:8px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 background:rgba(244,122,33,.12);
 border:1px solid rgba(244,122,33,.18);
 color:#ffb16f;
 font-size:10px;
 font-weight:800;
 letter-spacing:.08em;
}
.cl12-vote-button strong{
 text-align:center;
 font-family:'Oxanium','Inter',sans-serif!important;
 font-size:16px;
 letter-spacing:.025em;
}
.cl12-vote-arrow{
 width:36px;height:36px;border-radius:8px;
 display:grid;place-items:center;
 background:#f47a21;
 color:#fff;
 font-size:19px;
}

/* Mode cards more corporate */
.cl11-mode-zone{
 padding-top:78px!important;
 background:linear-gradient(180deg,#0c1628,#0d1930)!important;
}
.cl11-section-top h2{font-size:clamp(32px,3.7vw,46px)!important}
.cl11-mode-card{
 border-radius:18px!important;
 background:linear-gradient(180deg,#172641,#132039)!important;
 box-shadow:0 18px 45px rgba(2,8,23,.16)!important;
}
.cl11-mode-card:hover{
 background:linear-gradient(180deg,#1a2b49,#15243e)!important;
 transform:translateY(-3px)!important;
}
.cl11-mode-tags span{
 border-radius:9px!important;
 min-height:38px!important;
 background:rgba(255,255,255,.045)!important;
}

/* Feature/news cards: less rounded, more premium */
.cl8-feature-card,.cl8-shortcut-card,.cl8-news-card,.cl8-cta-bar-inner{
 border-radius:16px!important;
 box-shadow:0 18px 45px rgba(2,8,23,.15)!important;
}
.cl8-feature-card,.cl8-shortcut-card,.cl8-news-card{
 background:linear-gradient(180deg,#172641,#132039)!important;
}
.cl8-feature-icon,.cl8-shortcut-icon{border-radius:11px!important}
.cl8-news-thumb,.cl8-news-thumb-overlay{border-radius:0!important}

/* Footer */
.cl-footer-v5{
 background:#0b1529!important;
}
.cl-footer-ip,.cl-socials a,.cl-mini-select{
 border-radius:10px!important;
}

/* General cards and forms */
.card,.cl-main .card,.bg-white,.dark .dark\:bg-green-800{
 border-radius:14px!important;
}
.form-input,input,textarea,select{
 border-radius:10px!important;
}

/* Make announcement polished */
.cl10-marquee-item{
 font-family:'Inter',sans-serif!important;
 font-weight:700!important;
}

/* Mobile */
@media(max-width:900px){
 .cl12-launcher-btn{display:none}
}
@media(max-width:620px){
 .cl12-vote-button{
   grid-template-columns:1fr auto;
   padding:12px 13px;
 }
 .cl12-vote-label{display:none}
 .cl12-vote-button strong{text-align:left}
}
