:root{--acc:#C8F55A}
[hidden]{display:none!important}
body{margin:0;background:#0C0D10}
a{color:#C9CCD3}a:hover{color:#FFFFFF}
::selection{background:#C8F55A;color:#0C0D10}
button:focus-visible,a:focus-visible{outline:2px solid #C8F55A;outline-offset:3px}
.mg-mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.mg-disp{font-family:'Archivo',system-ui,sans-serif;font-style:italic;font-weight:900;font-stretch:70%;text-transform:uppercase;letter-spacing:-0.005em}
.mg-panel{position:relative;background:#14161B;clip-path:polygon(var(--c,18px) 0,100% 0,100% calc(100% - var(--c,18px)),calc(100% - var(--c,18px)) 100%,0 100%,0 var(--c,18px))}
.mg-corners{position:absolute;inset:0;pointer-events:none;z-index:3;--l:18px;--w:2px;--k:var(--acc);background:
linear-gradient(var(--k),var(--k)) 0 0/var(--l) var(--w) no-repeat,linear-gradient(var(--k),var(--k)) 0 0/var(--w) var(--l) no-repeat,
linear-gradient(var(--k),var(--k)) 100% 0/var(--l) var(--w) no-repeat,linear-gradient(var(--k),var(--k)) 100% 0/var(--w) var(--l) no-repeat,
linear-gradient(var(--k),var(--k)) 0 100%/var(--l) var(--w) no-repeat,linear-gradient(var(--k),var(--k)) 0 100%/var(--w) var(--l) no-repeat,
linear-gradient(var(--k),var(--k)) 100% 100%/var(--l) var(--w) no-repeat,linear-gradient(var(--k),var(--k)) 100% 100%/var(--w) var(--l) no-repeat}
.mg-tag{position:absolute;z-index:4;left:14px;top:14px;display:inline-flex;align-items:center;padding:5px 10px;background:rgba(12,13,16,.86);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.mg-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 30px;background:var(--acc);color:#0C0D10;font-family:'Archivo',system-ui,sans-serif;font-style:italic;font-weight:900;font-stretch:78%;font-size:20px;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;border:0;cursor:pointer;overflow:hidden;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);transition:transform .2s cubic-bezier(.2,.9,.2,1),filter .2s}
.mg-btn::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);transition:left .55s cubic-bezier(.2,.9,.2,1)}
.mg-btn:hover{color:#0C0D10;transform:translateY(-3px);filter:brightness(1.08)}
.mg-btn:hover::after{left:130%}
.mg-btn--ghost{background:transparent;color:#F3F2EE;box-shadow:inset 0 0 0 1px #6B707C}
.mg-btn--ghost:hover{color:#FFFFFF;box-shadow:inset 0 0 0 1px var(--acc)}
.sc-bar{height:6px;background:#23262E}
.sc-bar i{display:block;height:6px;background:var(--acc);transform-origin:left;animation:sc-fill 1.1s cubic-bezier(.2,.9,.2,1) both .3s}
.sc-card{transition:transform .35s cubic-bezier(.2,.9,.2,1)}
.sc-card:hover{transform:translateY(-6px)}
.mg-in{animation:mg-in .7s cubic-bezier(.2,.9,.2,1) both}
@keyframes mg-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes sc-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:640px){
.sc-hwrap{padding:12px 16px!important}
.sc-hide-sm{display:none}
.sc-main{padding:32px 16px 56px!important;gap:32px!important}
.sc-ctas>.mg-btn{flex:1 1 100%}
.mg-btn{min-height:54px;font-size:18px}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important}
}