/* Martin Web Solutions layout only. Ciri's original motion classes remain in style.css. */
html,body{min-height:100%;}
body{overflow-x:hidden;background:#07070d;color:#fff;}
.mws-shell{min-height:100vh;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;padding:72px 0 58px;}
.mws-shell::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 88%);z-index:-4;}
.mws-glow-a,.mws-glow-b{position:absolute;pointer-events:none;z-index:-3;filter:blur(12px);animation:effect 12s linear infinite;}
.mws-glow-a{width:720px;height:720px;right:-190px;top:-250px;border-radius:50%;background:radial-gradient(circle,rgba(92,51,255,.33),rgba(92,51,255,.08) 45%,transparent 68%);}
.mws-glow-b{width:520px;height:520px;left:-250px;bottom:-260px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,177,.18),transparent 68%);animation-direction:reverse;animation-duration:16s;}
.mws-container{width:min(1180px,calc(100% - 48px));margin:auto;position:relative;z-index:2;}
.mws-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:72px;align-items:center;}
.mws-brandrow{display:flex;align-items:center;gap:28px;margin-bottom:38px;}
.mws-logo-wrap{width:112px;height:112px;flex:0 0 112px;position:relative;display:grid;place-items:center;}
.mws-logo-wrap::before{content:"";position:absolute;inset:-3px;border-radius:30px;background:conic-gradient(from var(--r) at var(--x) 50%,transparent 0 8%,#00FFB1 18%,#5C33FF 28%,transparent 38% 100%);animation:rotateAnimation 5s linear infinite,moveX 5s ease-in-out infinite alternate;filter:blur(5px);opacity:.65;z-index:-1;}
.mws-css-logo{width:100%;height:100%;position:relative;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.13);box-shadow:inset 0 0 28px rgba(92,51,255,.16),0 0 38px rgba(0,255,177,.08);overflow:hidden;}
.mws-css-logo::before{content:"";position:absolute;inset:-60%;background:conic-gradient(transparent 0 63%,rgba(0,255,177,.9),rgba(92,51,255,.95),transparent 88%);animation:mwsLogoSpin 4s linear infinite;}
.mws-css-logo::after{content:"";position:absolute;inset:2px;background:#0d0f15;border-radius:28px;}
.mws-css-logo span{position:absolute;z-index:2;bottom:29px;width:10px;border-radius:9px 9px 2px 2px;background:linear-gradient(180deg,#fff 0%,#a997ff 42%,#00ffb1 100%);box-shadow:0 0 14px rgba(0,255,177,.32);}
.mws-css-logo .m1{height:46px;left:28px;transform:skew(-14deg);}
.mws-css-logo .m2{height:31px;left:51px;bottom:42px;transform:rotate(43deg);}
.mws-css-logo .m3{height:46px;right:28px;transform:skew(14deg);}
@keyframes mwsLogoSpin{to{transform:rotate(360deg)}}
.mws-kicker{font-size:13px;letter-spacing:.38em;text-transform:uppercase;color:#b9b7c8;font-weight:600;margin:0 0 16px;}
.mws-title{font-size:clamp(58px,7.1vw,104px);line-height:.88;letter-spacing:-.055em;margin:0;font-weight:700;}
.mws-title .gradient-word{background:linear-gradient(90deg,#fff 0%,#d7caff 40%,#8f7bff 72%,#799dff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:gradientMove 7s ease-in-out infinite alternate;}
@keyframes gradientMove{from{background-position:0 50%}to{background-position:100% 50%}}
.mws-copy{max-width:740px;font-size:22px;line-height:1.75;color:#b6b4c4;margin:0 0 38px;}
.mws-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.mws-actions .button2{min-width:232px;padding:20px 28px;font-size:17px;}
.mws-status{margin-top:34px;display:flex;align-items:center;gap:14px;color:#858392;font-size:14px;}
.status-dot{width:10px;height:10px;border-radius:50%;background:#00FFB1;box-shadow:0 0 0 6px rgba(0,255,177,.09),0 0 20px rgba(0,255,177,.65);animation:mwsPulse 2s ease-in-out infinite;}
.status-line{width:48px;height:1px;background:linear-gradient(90deg,#34333e,transparent);position:relative;overflow:hidden;}
.status-line::after{content:"";position:absolute;top:0;left:-20px;width:20px;height:1px;background:#00FFB1;box-shadow:0 0 7px #00FFB1;animation:mwsLine 2.4s linear infinite;}
@keyframes mwsPulse{50%{opacity:.45;transform:scale(.82)}}
@keyframes mwsLine{to{left:60px}}
.mws-panel{position:relative;border-radius:26px;padding:2px;background:conic-gradient(from var(--r),#20202b 0%,#00FFB1 9%,#5C33FF 19%,#20202b 30%,#20202b 100%);animation:rotateAnimation 7s linear infinite;box-shadow:0 24px 90px rgba(0,0,0,.45);}
.mws-panel-inner{border-radius:24px;background:rgba(13,13,21,.94);padding:18px 32px 32px;min-height:560px;position:relative;overflow:hidden;backdrop-filter:blur(18px);}
.mws-video-card{height:185px;margin:0 -14px 28px;position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0b0b12;box-shadow:inset 0 0 45px rgba(92,51,255,.12);}
.mws-video-card::before{content:"";position:absolute;inset:-2px;z-index:4;border-radius:20px;padding:2px;background:conic-gradient(from var(--r),transparent 0 12%,#5c33ff 18%,#00ffb1 22%,transparent 30% 72%,#00c2ff 78%,transparent 87%);animation:rotateAnimation 7s linear infinite;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;}
.mws-video-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04);filter:saturate(.86) contrast(1.08) brightness(.78);animation:mwsVideoDrift 11s ease-in-out infinite alternate;}
@keyframes mwsVideoDrift{to{transform:scale(1.11) translate3d(-1.2%,.8%,0)}}
.mws-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,13,.02),rgba(7,7,13,.48));z-index:2;pointer-events:none;}
.mws-video-scan{position:absolute;z-index:3;left:0;right:0;height:1px;top:-2px;background:linear-gradient(90deg,transparent,#00ffb1,#8f7bff,transparent);box-shadow:0 0 12px rgba(0,255,177,.7);animation:mwsScan 4.8s linear infinite;opacity:.75;}
@keyframes mwsScan{to{top:calc(100% + 2px)}}
.mws-panel-inner::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-120px;background:linear-gradient(90deg,#5C33FF,#00FFB1);filter:blur(70px);opacity:.2;animation:effect 8s linear infinite;}
.panel-label{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#8b8998;margin-bottom:24px;}
.panel-title{font-size:29px;line-height:1.2;margin-bottom:12px;}
.panel-copy{color:#8f8d9d;line-height:1.65;margin-bottom:28px;}
.login-form{display:grid;gap:14px;position:relative;z-index:2;}
.login-form input{width:100%;border:1px solid #292934;background:#0a0a10;color:#fff;border-radius:10px;padding:15px 16px;outline:none;transition:.25s;}
.login-form input:focus{border-color:#5C33FF;box-shadow:0 0 0 3px rgba(92,51,255,.12),0 0 30px rgba(92,51,255,.12);}
.login-form .button{width:100%;margin-top:3px;border:0;}
.demo-note{font-size:12px;color:#6f6d7b;margin-top:16px;line-height:1.6;}
.mws-powered{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#747281;font-size:13px;letter-spacing:.08em;white-space:nowrap;}
.mws-powered strong{font-weight:600;color:#aaa7b8;}
.power-line{width:62px;height:1px;background:linear-gradient(90deg,transparent,#5C33FF,#00FFB1,transparent);background-size:200% 100%;animation:gradientMove 3s linear infinite;}
@media(max-width:991px){.mws-shell{padding:56px 0 92px}.mws-grid{grid-template-columns:1fr;gap:48px}.mws-panel{max-width:560px;width:100%}.mws-title{font-size:clamp(54px,11vw,86px)}.mws-copy{font-size:19px}}
@media(max-width:575px){.mws-container{width:min(100% - 28px,1180px)}.mws-brandrow{gap:18px}.mws-logo-wrap{width:82px;height:82px;flex-basis:82px}.mws-title{font-size:clamp(43px,13vw,64px)}.mws-copy{font-size:17px;line-height:1.65}.mws-panel-inner{padding:25px 20px;min-height:0}.mws-actions .button2{width:100%}.mws-powered{bottom:18px}}

@media(max-width:575px){.mws-css-logo{border-radius:22px}.mws-css-logo::after{border-radius:20px}.mws-css-logo span{width:8px;bottom:21px}.mws-css-logo .m1{height:34px;left:20px}.mws-css-logo .m2{height:23px;left:37px;bottom:31px}.mws-css-logo .m3{height:34px;right:20px}.mws-video-card{height:150px;margin:0 -5px 24px}.mws-panel-inner{min-height:0}}

/* --- v3: large video showcase + modal login + footer --- */
.mws-shell{padding-bottom:120px;}
.mws-grid{grid-template-columns:minmax(0,1fr) minmax(520px,640px);gap:64px;}
.mws-intro{position:relative;z-index:2;}
.mws-login-trigger{border:0;cursor:pointer;}

.mws-showcase{position:relative;min-width:0;}
.mws-showcase-frame{position:relative;height:560px;border-radius:30px;overflow:hidden;background:#0b0b12;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 100px rgba(0,0,0,.48),inset 0 0 60px rgba(92,51,255,.12);}
.mws-showcase-frame::before{content:"";position:absolute;inset:-2px;z-index:5;border-radius:32px;padding:2px;background:conic-gradient(from var(--r),transparent 0 10%,#5c33ff 16%,#00ffb1 22%,transparent 30% 66%,#00c2ff 76%,transparent 86%);animation:rotateAnimation 7s linear infinite;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;}
.mws-showcase-frame::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,transparent 0 66%,rgba(7,7,13,.82) 100%);pointer-events:none;}
.mws-showcase-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.015);filter:saturate(.9) contrast(1.08) brightness(.82);animation:mwsVideoDrift 13s ease-in-out infinite alternate;}
.mws-showcase-frame .mws-video-shade{z-index:2;background:linear-gradient(120deg,rgba(7,7,13,.04),rgba(92,51,255,.08) 50%,rgba(0,255,177,.06));}
.mws-showcase-frame .mws-video-scan{z-index:4;}
.mws-showcase-caption{position:absolute;z-index:6;left:26px;bottom:22px;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#d0ced9;}
.caption-dot{width:8px;height:8px;border-radius:50%;background:#00ffb1;box-shadow:0 0 12px #00ffb1;animation:mwsPulse 2s ease-in-out infinite;}

.mws-footer{position:absolute;left:0;right:0;bottom:0;z-index:4;border-top:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(7,7,13,0),rgba(7,7,13,.78));backdrop-filter:blur(8px);}
.mws-footer-inner{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:18px 0 22px;text-align:center;}
.mws-powered{position:static;transform:none;justify-content:center;margin-bottom:8px;}
.mws-copyright{margin:0;color:#625f6d;font-size:12px;letter-spacing:.04em;}

.mws-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s ease;}
.mws-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.mws-modal-backdrop{position:absolute;inset:0;background:rgba(3,3,8,.78);backdrop-filter:blur(12px);}
.mws-modal-card{width:min(470px,100%);position:relative;border-radius:26px;padding:42px 38px 36px;background:rgba(13,13,21,.96);border:1px solid rgba(255,255,255,.09);box-shadow:0 35px 120px rgba(0,0,0,.65);overflow:hidden;transform:translateY(18px) scale(.97);transition:transform .32s ease;}
.mws-modal.is-open .mws-modal-card{transform:translateY(0) scale(1);}
.mws-modal-card::before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:28px;background:conic-gradient(from var(--r),#252531 0%,#5c33ff 10%,#00ffb1 18%,#252531 28%,#252531 100%);animation:rotateAnimation 7s linear infinite;}
.mws-modal-card::after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:24px;background:rgba(13,13,21,.98);}
.mws-modal-glow{position:absolute;width:300px;height:300px;border-radius:50%;right:-140px;top:-160px;background:linear-gradient(90deg,#5c33ff,#00ffb1);filter:blur(80px);opacity:.22;animation:effect 8s linear infinite;pointer-events:none;}
.mws-modal-close{position:absolute;right:16px;top:12px;z-index:5;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.04);color:#aaa7b8;font-size:28px;line-height:1;cursor:pointer;transition:.25s;}
.mws-modal-close:hover{background:rgba(255,255,255,.09);color:#fff;box-shadow:0 0 24px rgba(92,51,255,.18);}
.mws-modal-card .panel-label,.mws-modal-card .panel-title,.mws-modal-card .panel-copy,.mws-modal-card .login-form,.mws-modal-card .demo-note{position:relative;z-index:2;}
body.mws-modal-open{overflow:hidden;}

@media(max-width:1100px){.mws-grid{grid-template-columns:1fr 470px;gap:42px}.mws-showcase-frame{height:500px}}
@media(max-width:991px){.mws-grid{grid-template-columns:1fr;gap:48px}.mws-showcase{width:100%;max-width:760px}.mws-showcase-frame{height:430px}.mws-shell{padding-bottom:132px}}
@media(max-width:575px){.mws-showcase-frame{height:320px;border-radius:22px}.mws-modal{padding:14px}.mws-modal-card{padding:38px 22px 28px}.mws-footer-inner{width:min(100% - 28px,1180px)}.mws-powered{font-size:12px}.power-line{width:42px}}