/* Movezle gloss layer — rich glossy depth. Additive; loaded after mz-premium.css. */
:root{--g-hi:rgba(255,255,255,.16);--g-lo:rgba(255,255,255,.02);--g-edge:rgba(140,175,255,.28);--g-glow:rgba(47,107,255,.35)}
/* scroll progress */
.mzg-prog{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);z-index:100001;background:linear-gradient(90deg,#2f6bff,#4fc3f7,#7fb0ff);box-shadow:0 0 12px rgba(79,195,247,.7);pointer-events:none}
/* glossy surfaces */
.mzg{position:relative;isolation:isolate}
.mzg:not(.mzg-b){border:1px solid var(--g-edge)!important;background-image:linear-gradient(160deg,var(--g-hi),var(--g-lo) 42%,rgba(0,0,0,.14))!important;box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 -1px 0 rgba(0,0,0,.3) inset,0 18px 40px -16px rgba(0,8,30,.7),0 0 0 1px rgba(0,0,0,.25)!important;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s}
.mzg:not(.mzg-b)::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(120,170,255,.22),transparent 55%);opacity:0;transition:opacity .35s}
.mzg:not(.mzg-b)::after{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);opacity:.7}
.mzg:not(.mzg-b):hover{transform:translateY(-5px);border-color:rgba(140,185,255,.6)!important;box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 28px 56px -18px rgba(5,25,90,.8),0 0 36px -6px var(--g-glow)!important}
.mzg:not(.mzg-b):hover::before{opacity:1}

/* glossy buttons */
.mzg-b{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s,filter .3s}
.mzg-b.blue,.mzg-b.sky,.sbtn.mzg-b,.btn.mzg-b:not(.ghost),.nbtn.mzg-b,.solbtn.mzg-b{background-image:linear-gradient(180deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.08) 48%,rgba(0,0,0,.12) 52%,rgba(0,0,0,.1) 100%),linear-gradient(135deg,#3d7bff,#1e4fe0)!important;color:#fff!important;border:1px solid rgba(160,195,255,.55)!important;box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 12px 26px -8px rgba(47,107,255,.65),0 0 0 1px rgba(10,30,100,.4)!important}
.mzg-b.ghost{border:1px solid rgba(160,195,255,.4)!important;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.02))!important;box-shadow:0 1px 0 rgba(255,255,255,.2) inset!important;backdrop-filter:blur(8px)}
.mzg-b::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;pointer-events:none;z-index:1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .7s ease}
.mzg-b:hover::after{left:130%}
.mzg-b:hover{transform:translateY(-2px);filter:brightness(1.08)}
.mzg-b:active{transform:translateY(0) scale(.98)}
/* inputs */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{transition:box-shadow .3s,border-color .3s,background .3s}
input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus{border-color:#4d8dff!important;box-shadow:0 0 0 3px rgba(77,141,255,.28),0 8px 24px -8px rgba(47,107,255,.5)!important;outline:none}
/* hero aurora + sheen */
.mzg-hero{position:relative;overflow:hidden}
.mzg-hero::before,.mzg-hero::after{content:"";position:absolute;pointer-events:none;z-index:1;border-radius:50%;filter:blur(70px);mix-blend-mode:screen}
.mzg-hero::before{width:46vw;height:46vw;left:-8vw;top:-14vw;background:radial-gradient(circle,rgba(47,107,255,.5),transparent 65%);animation:mzgf1 16s ease-in-out infinite alternate}
.mzg-hero::after{width:40vw;height:40vw;right:-10vw;bottom:-16vw;background:radial-gradient(circle,rgba(79,195,247,.38),transparent 65%);animation:mzgf2 19s ease-in-out infinite alternate}

@keyframes mzgf1{to{transform:translate(8vw,6vw) scale(1.15)}}
@keyframes mzgf2{to{transform:translate(-7vw,-5vw) scale(1.1)}}
/* section divider glow */
.design#top .scn+.scn{border-top:0;box-shadow:0 -1px 0 rgba(120,160,255,.18) inset,0 -22px 40px -30px rgba(47,107,255,.35) inset}
/* glossy footer */
.cfoot{background:radial-gradient(900px 300px at 80% 0,rgba(47,107,255,.14),transparent 70%),linear-gradient(180deg,#081a3d,#050f26)!important;box-shadow:0 -1px 0 rgba(140,175,255,.3) inset}
.cfoot a{transition:color .2s,transform .2s}.cfoot a:hover{color:#fff!important;transform:translateX(3px)}
.cfoot .fsoc a,.cfoot .fsoc button{box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 18px -8px rgba(47,107,255,.6);transition:transform .25s,box-shadow .25s}
.cfoot .fsoc a:hover,.cfoot .fsoc button:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 12px 24px -6px rgba(79,195,247,.7)}
.mzf-reg{box-shadow:0 1px 0 rgba(255,255,255,.14) inset,0 18px 40px -20px rgba(0,8,30,.7)}
/* page fade-in */
html.mzg-pre body{opacity:0}body{transition:opacity .5s ease}
@media (max-width:820px){.mzg:not(.mzg-b){backdrop-filter:none;-webkit-backdrop-filter:none}.mzg-hero::before,.mzg-hero::after{filter:blur(50px)}}
@media (prefers-reduced-motion:reduce){.mzg-hero::before,.mzg-hero::after{animation:none}.mzg-b::after{display:none}.mzg:not(.mzg-b):hover{transform:none}}
@media print{.mzg-prog{display:none}}