@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080b16;--panel:#101626;--panel2:#0c1221;--line:rgba(157,174,220,.14);--line-strong:rgba(157,174,220,.23);--muted:#929db6;--text:#f4f6ff;--blue:#4778ff;--violet:#9367ff;--cyan:#79d9ff;--green:#65e6b0;--shadow:0 24px 80px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:'DM Sans',Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(148,163,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,255,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 85%);z-index:0}.ambient{position:fixed;pointer-events:none;filter:blur(85px);border-radius:50%;opacity:.24;z-index:0}.ambient-one{width:390px;height:390px;left:-180px;top:-170px;background:#245cf6}.ambient-two{width:430px;height:430px;right:-210px;top:5%;background:#6d36d8}.auth,.dashboard-main,header{position:relative;z-index:1}h1,h2,p{overflow-wrap:anywhere}h1,h2,b,strong{font-family:Manrope,'DM Sans',sans-serif}h1{letter-spacing:-1.5px}h2{letter-spacing:-.6px}p{margin-top:0}button,input{font:inherit}button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:51px;border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:13px 16px;margin-top:17px;background:linear-gradient(105deg,#386dff 0%,#6659f5 55%,#8a5cf6 100%);color:white;font-size:14px;font-weight:700;letter-spacing:.05px;cursor:pointer;box-shadow:0 8px 25px rgba(73,91,239,.2);transition:transform .2s,border-color .2s,filter .2s,box-shadow .2s}button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 30px rgba(73,91,239,.28)}button:active{transform:translateY(0)}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.button-arrow{font-size:19px;line-height:1;opacity:.9}.secondary,.out{background:rgba(255,255,255,.035);border:1px solid var(--line-strong);box-shadow:none}.secondary:hover,.out:hover{background:rgba(120,135,190,.1);box-shadow:none}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#9faed1;font-size:10px;letter-spacing:1.65px;font-weight:800}.status-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(101,230,176,.55)}.brand-lockup,.header-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}.brand-mark{width:44px;height:44px;border-radius:13px;object-fit:cover;border:1px solid var(--line-strong);box-shadow:0 5px 20px rgba(88,95,255,.15)}.brand-lockup span,.header-brand span{display:flex;flex-direction:column;line-height:1.25}.brand-lockup b,.header-brand b{font:800 16px Manrope,sans-serif;letter-spacing:-.4px}.brand-lockup small,.header-brand small{font-size:9px;letter-spacing:1.45px;color:var(--muted);margin-top:5px;font-weight:700}
/* Authentication */
.auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);max-width:1320px;margin:0 auto;padding:34px clamp(22px,5.2vw,76px);gap:clamp(40px,8vw,125px);align-items:center}.auth-intro{min-width:0;display:flex;flex-direction:column;min-height:650px;justify-content:space-between;padding:14px 0}.intro-copy{max-width:570px;padding:55px 0}.intro-copy>.eyebrow{padding:8px 12px;border:1px solid rgba(135,160,220,.16);border-radius:99px;background:rgba(16,25,47,.6)}.intro-copy h1{font-size:clamp(42px,5.3vw,72px);line-height:1.08;margin:25px 0 20px;font-weight:800}.intro-copy h1 span,.title-accent{background:linear-gradient(100deg,#80aaff 0%,#9c82ff 55%,#d0a4ff 100%);color:transparent;background-clip:text;-webkit-background-clip:text}.intro-copy>p{max-width:465px;color:#9aa6c1;font-size:16px;line-height:1.9}.feature-list{display:grid;gap:18px;margin-top:38px}.feature-item{display:flex;align-items:center;gap:14px}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(142,157,221,.18);border-radius:13px;background:linear-gradient(145deg,rgba(55,91,178,.19),rgba(115,70,194,.13));font-size:19px;color:#b7b9ff}.feature-item>span:last-child{display:flex;flex-direction:column;gap:3px}.feature-item b{font-size:13px;font-weight:700}.feature-item small{font-size:12px;color:var(--muted)}.intro-foot,.panel-footer,.dashboard-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#64708b;font-size:10px;letter-spacing:.7px}.intro-foot span:last-child{display:flex;align-items:center;gap:9px}.intro-foot i,.dashboard-footer i{width:4px;height:4px;border-radius:50%;background:#7f79f9}.auth-panel{width:100%;max-width:475px;justify-self:end}.card,.loader-card{position:relative;background:linear-gradient(145deg,rgba(17,25,44,.97),rgba(10,15,28,.97));border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(20px)}.auth-card{padding:clamp(22px,3.1vw,34px);overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#6193ff,#a58aff,transparent)}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.secure-chip{display:flex;align-items:center;gap:7px;color:#b8c4de;font-size:9px;font-weight:800;letter-spacing:.6px;padding:7px 9px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.025)}.secure-chip .status-dot{width:6px;height:6px;flex-basis:6px}.panel-heading{margin:23px 0 19px}.panel-heading h2{font-size:25px;line-height:1.25;margin:0 0 8px}.panel-heading p{font-size:13px;color:var(--muted);margin:0}.login-video-wrap,.dashboard-video-wrap{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#080d1a;line-height:0}.login-video-wrap{margin:0 0 22px}.login-video,.dashboard-video{display:block;width:100%;height:auto;max-height:290px;object-fit:cover;pointer-events:none;user-select:none}.video-label{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:8px;background:rgba(6,10,20,.8);border:1px solid rgba(255,255,255,.12);font-size:9px;letter-spacing:1px;color:#d9e1f7;line-height:1.2}.video-label .status-dot{width:6px;height:6px;flex-basis:6px}label{display:block;margin:16px 0 7px;color:#c8d2e8;font-size:12px;font-weight:700;letter-spacing:.15px}input{display:block;width:100%;min-width:0;padding:13px 14px;border-radius:11px;border:1px solid rgba(150,169,216,.17);background:rgba(5,9,19,.65);color:var(--text);font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}input::placeholder{color:#5e6b86}input:focus{border-color:#7c83ff;background:rgba(8,14,31,.95);box-shadow:0 0 0 3px rgba(105,106,255,.13)}.input-wrap{position:relative}.input-wrap input{padding-left:43px}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:1;color:#7787b0;font-size:17px}.form-divider{display:flex;align-items:center;gap:12px;margin:22px 0 0;color:#68748e;font-size:9px;font-weight:800;letter-spacing:1.2px}.form-divider:before,.form-divider:after{content:"";height:1px;flex:1;background:var(--line)}.trust-note{display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--line);margin-top:23px;padding-top:17px;color:#77839e;font-size:10px;line-height:1.7}.trust-symbol{display:grid;place-items:center;flex:0 0 17px;height:17px;border:1px solid #6d7a9a;border-radius:50%;font-size:10px;font-weight:700}.panel-footer{padding:16px 4px 0;font-size:9px}.auth #loginBox>p{color:var(--muted);font-size:13px;text-align:center;margin:20px 0 0}#message,#regMsg,#result,#vr,#count,.step-msg,#sendResult{display:block;margin-top:12px;color:#c7d2fe;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.hide{display:none!important}
/* Dashboard shell */
header{position:sticky;top:0;z-index:20;min-height:76px;padding:12px clamp(18px,5.5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(157,174,220,.12);background:rgba(8,11,22,.86);backdrop-filter:blur(22px)}header img{width:42px;height:42px;object-fit:cover;border-radius:12px;border:1px solid var(--line-strong)}.header-actions{display:flex;align-items:center;gap:16px}.header-status{display:flex;align-items:center;gap:8px;color:#aab6cf;font-size:10px;letter-spacing:1px;font-weight:800}.header-status .status-dot{width:6px;height:6px;flex-basis:6px}.header-actions .out{width:auto;min-height:39px;margin:0;padding:9px 13px;justify-content:center;gap:8px;font-size:12px}.dashboard-main{max-width:1120px;margin:0 auto;padding:38px clamp(16px,3vw,28px) 34px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.welcome-row h1{font-size:clamp(30px,4vw,43px);margin:9px 0 7px;line-height:1.2}.welcome-row p{font-size:13px;color:var(--muted);margin:0}.welcome-row p b{color:#e6eaff}.account-badge{display:flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(17,25,44,.72)}.account-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#3c75ff,#9465ff);font:800 15px Manrope}.account-badge>span:last-child{display:flex;flex-direction:column;gap:3px}.account-badge small{color:#7e8ba7;font-size:9px;letter-spacing:1px}.account-badge b{font-size:12px;text-transform:uppercase}.dashboard-video-wrap{margin-bottom:28px;min-height:170px}.dashboard-video{max-height:270px;object-fit:cover;opacity:.8}.video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;padding:25px;background:linear-gradient(90deg,rgba(5,9,20,.88),rgba(5,9,20,.22) 80%),linear-gradient(0deg,rgba(5,9,20,.55),transparent 75%);line-height:1.3}.video-overlay b{font:800 clamp(20px,3vw,30px) Manrope,sans-serif;letter-spacing:-.7px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 12px;color:#c8d3e9;font-size:12px;font-weight:700}.section-label span:last-child{color:#72809d;font-size:9px;font-weight:800;letter-spacing:1.2px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:0 0 26px}.stat-card{min-width:0;padding:20px 22px;background:linear-gradient(145deg,rgba(19,29,51,.93),rgba(12,18,32,.96));border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 35px rgba(0,0,0,.12)}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#98a6c0;font-size:12px}.stat-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(90,109,239,.12);border:1px solid rgba(132,139,255,.17);color:#b3a9ff;font-size:17px}.stat-card strong{display:block;margin:12px 0 5px;font-size:24px;font-weight:800;letter-spacing:-.5px;overflow-wrap:anywhere}.stat-card small{display:flex;align-items:center;gap:7px;color:#75829e;font-size:10px}.stat-card small .status-dot{width:6px;height:6px;flex-basis:6px}.dashboard-main>.card{margin:15px 0 18px;padding:clamp(20px,3vw,28px)}.ad-card{background:rgba(14,20,35,.65)}.ad-card .section-label{margin:0 0 15px}.tool-card{position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(73,121,255,.65),rgba(146,95,255,.5),transparent 80%)}.tool-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:19px}.tool-icon{display:grid;place-items:center;flex:0 0 43px;height:43px;border:1px solid rgba(116,138,255,.22);border-radius:13px;background:linear-gradient(145deg,rgba(60,112,255,.18),rgba(125,78,238,.16));color:#b7c3ff;font:800 12px Manrope}.premium-icon{font-size:20px;color:#d4b3ff}.tool-heading>div{min-width:0}.tool-heading h2{font-size:20px;margin:4px 0 5px}.hint{color:var(--muted);font-size:12px;line-height:1.75;margin:0}.tool-card input{margin-bottom:3px}.workflow-step{margin-top:18px}.step-divider{height:1px;background:var(--line);margin-bottom:17px}.step-title{display:flex;align-items:center;gap:10px;color:#e0e6f6;font-size:12px;font-weight:700}.step-title span{color:#7f8ba6;font-weight:500}.premium-notif{position:fixed;right:22px;bottom:22px;display:flex;flex-direction:column;gap:11px;width:min(315px,calc(100vw - 30px));padding:19px;background:linear-gradient(145deg,rgba(21,30,54,.98),rgba(11,15,30,.98));color:#c2cce1;font-size:12px;border:1px solid rgba(139,112,255,.3);border-radius:17px;z-index:99999;box-shadow:0 20px 60px rgba(0,0,0,.45);backdrop-filter:blur(20px)}.notif-head{display:flex;align-items:center;gap:10px;color:#f0eaff;font-size:14px;font-weight:800}.notif-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(140,99,255,.17);color:#c9b2ff}.notif-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-radius:10px;background:linear-gradient(100deg,#386dff,#8758f5);color:white!important;text-decoration:none;font-weight:750;font-size:11px}.notif-btn:hover{filter:brightness(1.12)}.dashboard-footer{margin-top:32px;padding:17px 2px;border-top:1px solid var(--line);font-size:9px}.dashboard-footer span:last-child{display:flex;align-items:center;gap:8px}
/* Loading */
.loading-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 20% 15%,rgba(38,75,160,.55),transparent 45%),radial-gradient(ellipse at 80% 75%,rgba(93,48,164,.45),transparent 42%),#080b16;transition:opacity .45s,visibility .45s}.loading-screen.done{opacity:0;visibility:hidden;pointer-events:none}.loader-card{width:min(100%,390px);text-align:center;padding:30px}.loader-card h2{font-size:21px;margin:10px 0 5px}.loader-card p{color:var(--muted);font-size:12px}.loader-card .logo{display:block;width:66px;height:66px;object-fit:cover;border-radius:18px;margin:0 auto 18px;border:1px solid var(--line-strong)}.spinner{width:36px;height:36px;margin:17px auto;border:2px solid rgba(148,163,255,.16);border-top-color:#8b78ff;border-right-color:#60a5fa;border-radius:50%;animation:spin .8s linear infinite}.progress{height:5px;background:#070d20;border:1px solid rgba(148,163,255,.12);border-radius:99px;overflow:hidden;margin-top:20px}.progress span{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#c084fc);box-shadow:0 0 18px rgba(139,92,246,.5);transition:width .2s}.loader-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:15px 0 0!important;font-size:10px!important}.premium-only{margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1000px){.auth{min-height:100vh}.auth-card{padding:34px}.dashboard-main{padding-top:44px}}
@media(max-width:900px){.auth{grid-template-columns:minmax(0,.88fr) minmax(360px,1fr);gap:35px;padding:28px}.intro-copy h1{font-size:clamp(39px,5vw,58px)}.auth-intro{min-height:590px}.feature-list{gap:15px}}
@media(max-width:700px){.auth{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:20px 15px 24px}.auth-intro{min-height:0;padding:4px 0 0}.brand-mark{width:39px;height:39px}.intro-copy{padding:30px 0 8px}.intro-copy h1{font-size:clamp(37px,10vw,51px);margin:19px 0 13px}.intro-copy>p{font-size:13px;line-height:1.8}.feature-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}.feature-icon{width:36px;height:36px;border-radius:11px}.feature-item b{font-size:12px}.feature-item small{font-size:11px}.intro-foot{display:none}.auth-panel{max-width:none}.auth-card{padding:22px 19px;border-radius:19px}.panel-heading{margin:20px 0 16px}.panel-heading h2{font-size:23px}.login-video-wrap{border-radius:12px}.login-video{max-height:210px}.panel-footer{font-size:8px}.dashboard-main{padding:25px 15px 25px}header{min-height:65px;padding:10px 15px}.header-brand img{width:37px;height:37px}.header-brand b{font-size:14px}.header-brand small{font-size:8px}.header-status{display:none}.header-actions{gap:8px}.header-actions .out{min-height:37px;padding:8px 10px}.welcome-row{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.welcome-row h1{font-size:33px}.welcome-row p{font-size:12px}.account-badge{padding:8px 11px}.dashboard-video-wrap{min-height:150px;margin-bottom:22px}.dashboard-video{min-height:150px;max-height:190px;object-fit:cover}.video-overlay{padding:17px}.video-overlay b{font-size:21px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px 13px;border-radius:13px}.stat-top{font-size:10px}.stat-icon{width:27px;height:27px}.stat-card strong{font-size:19px}.stat-card small{font-size:9px}.dashboard-main>.card{padding:19px 16px;border-radius:16px}.tool-heading{gap:12px}.tool-icon{flex-basis:37px;height:37px;border-radius:11px}.tool-heading h2{font-size:18px}.hint{font-size:11px}.section-label{font-size:11px}.section-label span:last-child{font-size:8px}.premium-notif{left:14px;right:14px;bottom:14px;width:auto;max-width:none}.dashboard-footer{font-size:8px;flex-wrap:wrap}}
@media(max-width:380px){.stats{grid-template-columns:1fr}.panel-top{align-items:flex-start;flex-direction:column}.secure-chip{align-self:flex-start}.auth-card{padding:19px 15px}.welcome-row h1{font-size:29px}.dashboard-footer{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* MthzDev Create Alight Motion — polished interaction layer */
:root{--ease-out:cubic-bezier(.22,1,.36,1)}
body{background:radial-gradient(ellipse at 12% 0%,rgba(35,89,255,.09),transparent 35%),radial-gradient(ellipse at 92% 24%,rgba(139,75,255,.10),transparent 33%),#080b16}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(120deg,transparent 15%,rgba(105,130,255,.025) 45%,transparent 75%);background-size:220% 100%;animation:ambientSweep 18s ease-in-out infinite}
.card,.stat-card,.account-badge,.auth-card,.loader-card,.tool-card,.dashboard-video-wrap,.login-video-wrap{transition:border-color .28s var(--ease-out),box-shadow .28s var(--ease-out),transform .28s var(--ease-out)}
.card:hover,.stat-card:hover{border-color:rgba(130,143,255,.28);box-shadow:0 18px 48px rgba(0,0,0,.19),0 0 30px rgba(83,89,255,.045)}
.brand-mark,.header-brand img,.loader-card .logo{box-shadow:0 0 0 4px rgba(92,105,255,.055),0 8px 28px rgba(76,90,255,.15)}
button{isolation:isolate;overflow:hidden;transition:transform .22s var(--ease-out),filter .22s,box-shadow .22s,border-color .22s}
button:before{content:"";position:absolute;inset:0;z-index:-1;transform:translateX(-120%);background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.17) 48%,transparent 75%);transition:transform .7s var(--ease-out)}
button:hover:before{transform:translateX(120%)}
input{transition:border-color .22s,box-shadow .22s,background .22s,transform .22s}
input:focus{transform:translateY(-1px)}
.auth-card{box-shadow:0 28px 90px rgba(0,0,0,.32),0 0 60px rgba(73,83,255,.055),inset 0 1px rgba(255,255,255,.04)}
.auth-intro,.auth-panel{animation:riseIn .7s var(--ease-out) both}.auth-panel{animation-delay:.08s}
.feature-item{transition:transform .25s var(--ease-out)}.feature-item:hover{transform:translateX(4px)}
.dashboard-main{animation:riseIn .55s var(--ease-out) both}
header{box-shadow:0 8px 32px rgba(0,0,0,.09)}
.dashboard-video-wrap:after,.login-video-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,rgba(54,102,255,.09),transparent 48%,rgba(144,82,255,.1));mix-blend-mode:screen}
.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:110px;height:110px;right:-50px;top:-60px;border-radius:50%;background:rgba(92,112,255,.11);filter:blur(8px);pointer-events:none}
.section-label{letter-spacing:.1px}.section-label span:last-child{white-space:nowrap}
.step-msg:empty,#message:empty,#regMsg:empty{display:none}
#message:not(:empty),#regMsg:not(:empty),.step-msg:not(:empty){padding:10px 12px;border:1px solid rgba(120,139,255,.13);border-radius:10px;background:rgba(72,94,190,.07)}
.premium-notif{animation:noticeIn .45s var(--ease-out) both}
.loading-screen.done{transition:opacity .45s var(--ease-out),visibility .45s}
.progress span{background-size:200% 100%;animation:progressGlow 2s linear infinite}
:focus-visible{outline-color:#a9a4ff}
@keyframes riseIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes noticeIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ambientSweep{0%,100%{background-position:0% 50%;opacity:.35}50%{background-position:100% 50%;opacity:.8}}
@keyframes progressGlow{to{background-position:200% 0}}
@media(max-width:700px){body:before{background-size:34px 34px}.auth-intro,.auth-panel{animation-duration:.45s}.auth-card{box-shadow:0 20px 55px rgba(0,0,0,.28),0 0 35px rgba(73,83,255,.04)}.stat-card:hover,.card:hover{transform:none}.dashboard-video-wrap{border-radius:14px}.dashboard-footer{line-height:1.8}}
@media(prefers-reduced-motion:reduce){body:after{animation:none}.auth-intro,.auth-panel,.dashboard-main,.premium-notif{animation:none}button:before{display:none}}
.status-refresh{display:inline-flex;width:auto;min-height:0;margin:0;padding:2px 6px;border-radius:6px;font-size:10px;line-height:1.4;background:rgba(87,105,255,.1);border:1px solid rgba(129,143,255,.18);box-shadow:none;color:#bdc6ff}
.status-refresh:hover{transform:none;box-shadow:none}

/* Refined 2026 UI polish + compact, non-blocking Free notice */
:root{--ease-out:cubic-bezier(.2,.8,.2,1)}
html{scroll-padding-top:88px}
::selection{background:rgba(119,105,255,.35);color:#fff}
.card,.stat-card,.account-badge,.dashboard-video-wrap,.login-video-wrap{backdrop-filter:blur(16px)}
.stat-card{background:linear-gradient(145deg,rgba(20,30,53,.94),rgba(11,17,31,.97));}
.tool-card{box-shadow:0 16px 45px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.025)}
.tool-card:hover{border-color:rgba(127,133,255,.25)}
.section-label{margin-top:28px}
.header-brand img{transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}
.header-brand img:hover{transform:translateY(-1px) rotate(-2deg);box-shadow:0 0 0 4px rgba(92,105,255,.08),0 10px 30px rgba(76,90,255,.2)}
/* This compact toast occupies only a small corner and never blocks the page. */
.premium-notif{position:fixed;top:88px;right:clamp(12px,2.5vw,28px);bottom:auto;z-index:50;display:flex;align-items:center;gap:10px;width:min(310px,calc(100vw - 24px));padding:11px 12px;border:1px solid rgba(133,124,255,.24);border-radius:14px;background:rgba(12,17,32,.94);box-shadow:0 12px 34px rgba(0,0,0,.25);backdrop-filter:blur(18px);color:#e9edff;opacity:0;transform:translateY(-6px) scale(.985);pointer-events:none;transition:opacity .22s ease,transform .22s ease;animation:none}
.premium-notif.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.premium-notif.hide{display:none!important}
.notif-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,rgba(72,119,255,.2),rgba(147,91,255,.2));border:1px solid rgba(145,131,255,.18);color:#c8bdff;font-size:15px}
.notif-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px;line-height:1.35}
.notif-copy strong{font-size:11px;font-weight:800;letter-spacing:.1px}
.notif-copy small{font-size:10px;color:#9da9c5;line-height:1.4}
.notif-link{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(126,132,255,.22);border-radius:8px;background:rgba(89,101,255,.12);color:#d7d5ff;text-decoration:none;font-size:10px;font-weight:750;transition:background .2s ease}
.notif-link:hover{background:rgba(108,111,255,.24)}
.notif-close{display:grid;place-items:center;flex:0 0 22px;width:22px;min-height:22px;margin:0;padding:0;border:0;border-radius:7px;background:transparent;box-shadow:none;color:#8793b0;font-size:18px;line-height:1}
.notif-close:hover{background:rgba(255,255,255,.07);box-shadow:none;transform:none}
.notif-close:before{display:none}
@media(max-width:700px){.premium-notif{top:74px;right:10px;width:min(290px,calc(100vw - 20px));padding:9px 10px;gap:8px}.notif-copy small{font-size:9px}.section-label{margin-top:23px}}
@media(prefers-reduced-motion:reduce){.premium-notif{transition:none}}


/* MTHZDEV — Creator Edition UI polish (presentation only; API logic untouched) */
:root{--bg:#070a14;--panel:#0d1425;--panel2:#101a30;--line:rgba(164,181,235,.13);--line-strong:rgba(164,181,235,.23);--muted:#9ba8c4;--text:#f5f7ff;--blue:#5685ff;--violet:#a276ff;--cyan:#77e0ff;--green:#68e7b4;--shadow:0 28px 90px rgba(0,0,0,.38)}
html{scroll-padding-top:28px}body{letter-spacing:.005em;-webkit-font-smoothing:antialiased}body:before{opacity:.22;background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.ambient{opacity:.2;filter:blur(100px)}.ambient-one{background:#2e63ff}.ambient-two{background:#7938ff}
.auth{max-width:1400px;gap:clamp(36px,7vw,100px);padding-top:clamp(24px,4vw,54px);padding-bottom:28px}
.auth-intro{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 56px)}.intro-copy{max-width:600px;padding:42px 0}.intro-copy h1{font-size:clamp(42px,5.1vw,72px);line-height:1.04;letter-spacing:-3.5px;margin:20px 0 22px}.intro-copy h1 span,.title-accent{background:linear-gradient(100deg,#83b4ff 5%,#9c85ff 53%,#d0a2ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.intro-copy>p{max-width:480px;color:#aab5ce;font-size:clamp(14px,1.2vw,17px);line-height:1.85}.feature-list{gap:13px;margin-top:30px}.feature-item{padding:14px 16px;border:1px solid rgba(164,181,235,.1);border-radius:16px;background:linear-gradient(115deg,rgba(21,32,58,.58),rgba(13,18,34,.34));backdrop-filter:blur(12px);transition:transform .25s,border-color .25s,background .25s}.feature-item:hover{transform:translateX(4px);border-color:rgba(135,157,255,.35);background:rgba(31,42,76,.6)}.feature-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(70,124,255,.2),rgba(157,100,255,.2));border:1px solid rgba(152,163,255,.22)}
.auth-panel{align-self:center}.card,.auth-card{border:1px solid rgba(168,184,244,.16);background:linear-gradient(145deg,rgba(17,25,46,.96),rgba(10,15,29,.96));box-shadow:0 30px 100px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.035);border-radius:25px}.auth-card{padding:clamp(22px,3vw,36px);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 20% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(129,158,255,.75),transparent)}.panel-heading h2{font-size:clamp(24px,2.2vw,30px);letter-spacing:-1.1px}.panel-heading p,.hint{color:#9ba8c4}.login-video-wrap{border-radius:17px;border:1px solid rgba(163,179,236,.17);overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.22)}.input-wrap{border-radius:13px;background:rgba(5,9,19,.6);border:1px solid rgba(157,174,220,.17);transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:rgba(119,160,255,.8);box-shadow:0 0 0 4px rgba(80,123,255,.11)}input{color:var(--text)}input::placeholder{color:#64718e}button{border-radius:13px;min-height:50px;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s,box-shadow .22s,border-color .22s}button:hover{transform:translateY(-2px)}button:active{transform:scale(.99)}.secondary{background:rgba(255,255,255,.035)}.trust-note{border-radius:13px;background:rgba(113,133,190,.055);border:1px solid rgba(157,174,220,.09);padding:12px 14px}
.dashboard-page header{position:sticky;top:0;z-index:20;backdrop-filter:blur(20px);background:rgba(7,10,20,.78);border-bottom:1px solid rgba(164,181,235,.1);padding:15px clamp(18px,5vw,68px)}.header-brand img{width:42px;height:42px;border-radius:13px;object-fit:cover;border:1px solid var(--line-strong)}.header-status{border:1px solid rgba(104,231,180,.17);background:rgba(104,231,180,.055);padding:7px 11px;border-radius:999px;font-size:10px;letter-spacing:1px;color:#b8f5dc}.dashboard-main{max-width:1160px;padding:clamp(26px,5vw,58px) clamp(16px,4vw,36px) 28px}.welcome-row{align-items:flex-end;margin-bottom:28px;gap:20px}.welcome-row h1{font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-2px;margin:10px 0}.welcome-row p{color:#a5b1cb}.account-badge{border:1px solid rgba(164,181,235,.15);background:linear-gradient(135deg,rgba(19,29,54,.92),rgba(12,17,32,.92));border-radius:17px;padding:12px 16px;box-shadow:0 12px 35px rgba(0,0,0,.14)}.account-avatar{background:linear-gradient(135deg,#397cff,#985bff);box-shadow:0 7px 22px rgba(105,101,255,.28)}.dashboard-video-wrap{border-radius:23px;border:1px solid rgba(164,181,235,.17);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.28);margin-bottom:30px}.dashboard-video{filter:saturate(.88);transition:filter .4s}.dashboard-video-wrap:hover .dashboard-video{filter:saturate(1.05)}.video-overlay{background:linear-gradient(90deg,rgba(5,8,18,.82),rgba(5,8,18,.12)),linear-gradient(0deg,rgba(5,8,18,.38),transparent)}.video-overlay>b{font-size:clamp(23px,3.4vw,40px);letter-spacing:-1.5px}.section-label{margin:27px 0 13px;color:#c5cde1}.section-label span:last-child{font-size:9px;letter-spacing:1.35px;color:#7e8bab}.stats{gap:14px}.stat-card{border:1px solid rgba(164,181,235,.13);border-radius:19px;background:linear-gradient(140deg,rgba(17,26,48,.94),rgba(10,15,29,.94));padding:21px 23px;box-shadow:0 16px 45px rgba(0,0,0,.16);transition:transform .25s,border-color .25s}.stat-card:hover{transform:translateY(-3px);border-color:rgba(133,151,255,.3)}.stat-card>strong{font-size:clamp(24px,3vw,32px);letter-spacing:-1px}.stat-card>strong[data-state="online"]{color:#73e8b6}.stat-card>strong[data-state="offline"]{color:#ff9caa}.stat-icon{border-radius:11px;background:rgba(108,126,255,.12);border:1px solid rgba(132,146,255,.14)}.tool-card{border-radius:21px;padding:clamp(20px,3vw,30px);margin-top:14px;box-shadow:0 18px 55px rgba(0,0,0,.18)}.tool-heading{gap:16px}.tool-icon{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,rgba(73,126,255,.2),rgba(148,93,255,.2));border:1px solid rgba(137,156,255,.22);display:grid;place-items:center}.tool-heading h2{font-size:clamp(21px,2.2vw,27px);margin:3px 0 4px}.tool-card input,.tool-card>input{width:100%;min-height:49px;border-radius:13px;background:rgba(4,8,18,.55);border:1px solid rgba(157,174,220,.17);padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.tool-card input:focus{border-color:rgba(119,160,255,.8);box-shadow:0 0 0 4px rgba(80,123,255,.1)}.step-msg{color:#aebbe0;font-size:13px}.workflow-step{margin-top:14px;padding-top:5px}.ad-card{border-radius:17px;background:rgba(12,18,34,.55);border:1px dashed rgba(157,174,220,.18);padding:14px 18px}.dashboard-footer{margin-top:38px;padding-top:20px;border-top:1px solid rgba(164,181,235,.1);color:#7e8aa7;font-size:11px}.out{width:auto;min-height:40px;margin:0;padding:9px 14px;border-radius:11px}
/* Free account is shown by its account badge only: no floating notification/pop-up. */
.premium-notif{display:none!important}
@media(max-width:850px){.auth{grid-template-columns:1fr;max-width:650px;gap:10px;padding-top:25px}.auth-intro{min-height:auto}.intro-copy{padding:35px 0 20px}.intro-copy h1{font-size:clamp(39px,9vw,58px);letter-spacing:-2.3px}.feature-list{display:grid;grid-template-columns:1fr;gap:9px}.intro-foot{display:none}.auth-panel{width:100%}.dashboard-page header{padding:12px 16px}.dashboard-main{padding-top:28px}.welcome-row{align-items:flex-start;flex-direction:column}.account-badge{align-self:flex-start}.dashboard-video-wrap{border-radius:17px}.stats{grid-template-columns:1fr}.section-label{margin-top:22px}}
@media(max-width:480px){.header-status{display:none}.header-brand img{width:36px;height:36px}.header-brand b{font-size:14px}.header-brand small{font-size:8px}.dashboard-page header{gap:10px}.welcome-row h1{font-size:34px}.welcome-row p{font-size:13px}.tool-heading{align-items:flex-start}.tool-card{padding:19px}.auth-card{border-radius:20px;padding:20px}.panel-top{gap:10px;flex-wrap:wrap}.secure-chip{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Community support contacts */
.community-card{margin-top:18px;padding:clamp(18px,3vw,28px);overflow:hidden;position:relative}
.community-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.community-heading h2{margin:7px 0 8px;font-size:clamp(1.3rem,3vw,1.8rem);letter-spacing:-.04em}
.community-heading p{margin:0;color:var(--muted,#9aa7c4);line-height:1.65}
.community-mark{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:15px;color:#c4b5fd;background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(168,85,247,.18));border:1px solid rgba(167,139,250,.22);font-size:22px}
.community-contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.community-contact{display:flex;align-items:center;gap:12px;min-width:0;padding:15px 14px;border:1px solid rgba(148,163,184,.16);border-radius:17px;background:linear-gradient(145deg,rgba(30,41,70,.62),rgba(15,23,42,.48));text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,background .2s ease;}
.community-contact:hover{transform:translateY(-3px);border-color:rgba(129,140,248,.55);background:linear-gradient(145deg,rgba(49,46,129,.35),rgba(15,23,42,.72))}
.community-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#9333ea);color:#fff;font-weight:800;font-size:15px;box-shadow:0 7px 20px rgba(79,70,229,.22)}
.community-person{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.community-person b{font-size:.94rem;white-space:nowrap}
.community-person small{font-size:.75rem;color:var(--muted,#9aa7c4);line-height:1.4}
.community-arrow{color:#a5b4fc;font-size:19px;transition:transform .2s ease}
.community-contact:hover .community-arrow{transform:translate(2px,-2px)}
@media(max-width:720px){.community-contacts{grid-template-columns:1fr}.community-contact{padding:14px}.community-heading{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.community-contact,.community-arrow{transition:none}.community-contact:hover{transform:none}}


/* Theme switcher: shared across login and dashboard */
.theme-toggle{position:fixed;top:18px;right:20px;z-index:100;width:auto;min-height:40px;margin:0;padding:9px 13px;justify-content:center;gap:8px;border-radius:999px;background:rgba(18,24,44,.88);border:1px solid var(--line-strong);color:var(--text);font-size:11px;box-shadow:0 8px 24px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.theme-toggle:hover{background:rgba(70,85,140,.25)}
header .header-theme-toggle{position:static;min-height:39px;padding:8px 12px;margin:0;font-size:11px;flex:0 0 auto}
html[data-theme="purple"]{color-scheme:dark;--bg:#070509;--panel:#100b16;--panel2:#0b0710;--line:rgba(194,145,255,.17);--line-strong:rgba(199,157,255,.3);--muted:#aa9bb9;--text:#faf5ff;--blue:#8b5cf6;--violet:#c026d3;--cyan:#d8b4fe;--green:#86efac;--shadow:0 24px 80px rgba(0,0,0,.48)}
html[data-theme="purple"] body{background:radial-gradient(ellipse at 50% -20%,rgba(101,32,128,.14),transparent 55%),var(--bg)}
html[data-theme="purple"] body:before{background-image:linear-gradient(rgba(190,120,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(190,120,255,.045) 1px,transparent 1px)}
html[data-theme="purple"] .ambient-one{background:#6d28d9;opacity:.2}html[data-theme="purple"] .ambient-two{background:#a21caf;opacity:.22}
html[data-theme="purple"] button:not(.secondary):not(.out):not(.theme-toggle){background:linear-gradient(105deg,#6d28d9 0%,#9333ea 52%,#c026d3 100%);box-shadow:0 8px 25px rgba(147,51,234,.22)}
html[data-theme="purple"] button:not(.secondary):not(.out):not(.theme-toggle):hover{box-shadow:0 12px 30px rgba(192,38,211,.3)}
html[data-theme="purple"] .title-accent,html[data-theme="purple"] .intro-copy h1 span{background-image:linear-gradient(100deg,#c4b5fd 0%,#e879f9 55%,#f5d0fe 100%)}
html[data-theme="purple"] .card,html[data-theme="purple"] .loader-card{background:linear-gradient(145deg,rgba(24,14,31,.97),rgba(10,7,14,.98));border-color:var(--line)}
html[data-theme="purple"] header{background:rgba(7,5,9,.88);border-bottom-color:var(--line)}
html[data-theme="purple"] input{background:rgba(8,5,12,.78);border-color:var(--line)}
html[data-theme="purple"] input:focus{border-color:#c084fc;box-shadow:0 0 0 3px rgba(192,132,252,.14)}
html[data-theme="purple"] .account-avatar{background:linear-gradient(135deg,#7c3aed,#c026d3)}
@media(max-width:620px){.theme-toggle{top:12px;right:12px;min-height:36px;padding:7px 10px;font-size:10px}.auth{padding-top:66px}header .header-theme-toggle{position:static;min-height:35px;padding:7px 9px;font-size:10px}.header-actions{gap:8px}.header-status{display:none}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}