:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#143342;background:#f6f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{display:grid;grid-template-columns:minmax(380px,47%) minmax(470px,1fr);min-height:100vh}.hero{position:relative;overflow:hidden;background:linear-gradient(149deg,#102f3b,#123744 48%,#0a2934);padding:47px 58px 38px;display:flex;flex-direction:column;color:#f3fbf6;isolation:isolate}.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 18% 25%,#6eb59d13,transparent 35%),repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 68px);z-index:-1}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;gap:13px;align-items:center}.logo-mark{position:relative;width:42px;height:42px;background:#daf3e9;border-radius:11px;color:#133e41;display:grid;place-items:center;font-size:27px;font-weight:900;letter-spacing:-3px;padding-right:3px}.logo-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#1bb893;right:4px;bottom:5px}.logo-word{font-size:22px;font-weight:900;letter-spacing:1.9px;line-height:1}.logo-word small{display:block;font-size:8px;letter-spacing:2.2px;font-weight:650;margin-top:7px;color:#a6c5bf}.hero-tag{border:1px solid #ffffff31;border-radius:20px;padding:9px 14px;font-size:9px;letter-spacing:1.4px;color:#d2e4df;font-weight:750;white-space:nowrap}.hero-content{margin:auto 0;padding-top:50px;max-width:590px;z-index:1}.overline{display:flex;align-items:center;gap:9px;letter-spacing:2px;font-size:10px;font-weight:780;color:#8dddbe}.green-dot,.status-dot{display:inline-block;background:#24c29a;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 5px #23c29a1b}h1{font-size:clamp(42px,4.1vw,68px);line-height:1.13;letter-spacing:-2.7px;margin:28px 0;font-weight:730}h1 em{font-style:normal;color:#68d6b1}.hero-content>p{font-size:15px;line-height:1.9;max-width:440px;color:#bbd2cf;margin-bottom:50px}.hero-feature{display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff27;padding-top:26px;max-width:410px}.feature-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#2b9f8461;border:1px solid #4bd5aa56;font-size:20px;color:#93e8ca}.hero-feature strong{display:block;font-size:12px;letter-spacing:.3px}.hero-feature span{display:block;font-size:11px;color:#9fbcb8;margin-top:5px}.hero-bottom{display:flex;align-items:center;gap:17px;color:#7fa7a4;letter-spacing:1.3px;font-size:9px;font-weight:720;z-index:1}.hero-bottom b{color:#67ccaa;margin-left:5px}.hero-line{height:1px;max-width:145px;flex:1;background:#ffffff26}.ornament{position:absolute;width:450px;height:450px;border:1px solid #ffffff0e;border-radius:50%;right:-250px;top:20%;z-index:-1}.ornament.o2{width:650px;height:650px;right:-360px;top:6%}.ornament.o3{width:850px;height:850px;right:-470px;top:-8%}.auth-area{display:flex;flex-direction:column;padding:43px clamp(30px,7vw,125px) 29px;align-items:stretch}.top-status{align-self:flex-end;display:flex;align-items:center;gap:9px;letter-spacing:1.35px;font-size:9px;font-weight:800;color:#57736e}.top-status .status-dot{width:6px;height:6px;box-shadow:none}.status-sep{background:#bccbc6;height:15px;width:1px;margin:0 6px}.auth-card{margin:auto 0;width:100%;max-width:470px;align-self:center;padding:32px 0 25px}.mobile-logo{display:none}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:850;color:#0e9e81;margin-bottom:16px}h2{margin:0;font-size:clamp(32px,3vw,43px);font-weight:750;letter-spacing:-1.9px;color:#183a46}.intro{font-size:14px;line-height:1.8;color:#7d9097;max-width:410px;margin:17px 0 37px}.input-group{margin:0 0 22px}.input-group label{font-size:12px;font-weight:760;color:#304f58;display:block;margin-bottom:9px}.label-line{display:flex;justify-content:space-between;align-items:baseline}.field-help{font-size:10px;color:#9dabae}.input-wrap{height:53px;display:flex;align-items:center;background:white;border:1px solid #dce6e5;border-radius:11px;transition:box-shadow .2s,border-color .2s}.input-wrap:focus-within{border-color:#1aaa8b;box-shadow:0 0 0 4px #18af901c}.input-icon{flex:none;color:#9cb6b5;font-size:21px;margin-left:16px;width:22px;text-align:center}.input-wrap input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;font-size:14px;color:#28424a;padding:0 13px;font-family:inherit}.input-wrap input::placeholder{color:#adbbbe}.toggle{background:transparent;border:0;color:#278973;font-size:11px;cursor:pointer;margin-right:12px;padding:8px}.submit{border:0;background:#0a9e82;color:#fff;width:100%;border-radius:11px;padding:17px 20px;margin-top:12px;box-shadow:0 12px 23px #159e7f23;font-size:13px;font-weight:750;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.2s}.submit:hover{background:#07886f;transform:translateY(-1px)}.submit:disabled{opacity:.65;cursor:wait;transform:none}.submit span{font-size:20px;font-weight:400}.error{background:#fff0f1;border:1px solid #e9b6bc;padding:10px 13px;border-radius:8px;color:#9c3344;font-size:12px;margin:0 0 10px}.auth-divider{display:flex;gap:15px;align-items:center;color:#9aaead;letter-spacing:1px;font-weight:750;font-size:9px;margin:39px 0 27px;white-space:nowrap}.auth-divider span{height:1px;background:#dae4e2;flex:1}.help-box{display:flex;align-items:start;gap:12px;border-radius:10px;background:#edf5f2;border:1px solid #dceae5;padding:16px 18px}.shield{font-size:17px;color:#169a7b}.help-box p{color:#65817e;font-size:11px;line-height:1.7;margin:0}.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#a1b0b0}.footer span:last-child{text-align:right}@media(max-width:1050px){.hero{padding:38px 32px}.auth-area{padding:40px 45px 25px}.hero-tag{display:none}}@media(max-width:790px){.page{display:block}.hero{display:none}.auth-area{min-height:100vh;padding:25px 25px 20px}.auth-card{max-width:450px;padding:60px 0 30px}.mobile-logo{display:block;color:#163b44;font-size:22px;font-weight:850;letter-spacing:1px;margin-bottom:42px}.mobile-logo span{color:#169e80;font-weight:600}.footer{max-width:450px;width:100%;align-self:center}h2{font-size:36px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}


/* MINDS Connect 4.0 — login mobile / tablets */
html{-webkit-text-size-adjust:100%}body{overflow-x:hidden}input,button{font-family:inherit}button:focus-visible,input:focus-visible{outline:3px solid #19a889;outline-offset:2px}
@media(max-width:930px){.page{grid-template-columns:42% 58%}.hero{padding:32px 26px}.auth-area{padding:35px 32px}.hero-content h1{font-size:clamp(32px,4vw,48px)}.hero-content>p{font-size:13px}.hero-tag{display:none}}
@media(max-width:790px){
 :root{color-scheme:light}html,body{min-height:100%;width:100%}.page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#103541 0,#113641 164px,#f4f8f6 164px,#f4f8f6 100%)}
 .hero{display:none}.auth-area{width:100%;min-height:100vh;min-height:100dvh;padding:calc(25px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));align-items:center}
 .top-status{order:0;margin:0 4px 18px 0;color:#bcebdd;align-self:flex-end;font-size:9px;letter-spacing:1px}.status-sep{background:#d6eee066}
 .auth-card{order:1;background:#fff;box-shadow:0 18px 45px #0c364022;border:1px solid #e7eeee;border-radius:22px;align-self:center;max-width:455px;width:100%;padding:28px 23px 24px;margin:0}
 .mobile-logo{display:flex;align-items:center;gap:10px;margin:0 0 28px;color:#173d44;font-size:18px;font-weight:850;letter-spacing:1px}.mobile-logo b{color:#0d9a7d;font-weight:850}.mini-mark{display:grid;place-items:center;width:36px;height:36px;background:#d9f6eb;border-radius:10px;color:#105744;font-weight:900;font-size:23px;letter-spacing:-2px}
 .eyebrow{margin-bottom:9px;font-size:9px}h2{font-size:clamp(28px,7.8vw,38px);letter-spacing:-1.25px}.intro{font-size:13px;margin:13px 0 26px;line-height:1.65}.input-group{margin-bottom:17px}.input-wrap{height:54px}.input-wrap input{font-size:16px}.input-wrap .toggle{font-size:13px;min-width:54px;min-height:44px}.submit{min-height:54px;font-size:14px;margin-top:13px}
 .auth-divider{margin:26px 0 18px}.help-box{padding:13px 14px}.help-box p{font-size:11px}.footer{order:2;max-width:455px;margin-top:23px;font-size:10px;padding:0 2px;color:#7c9696;flex-wrap:wrap}
}
@media(max-width:375px){.auth-area{padding-left:12px;padding-right:12px}.auth-card{padding:23px 17px}.top-status{margin-bottom:16px}.footer{font-size:9px}}
@media(max-height:700px) and (max-width:790px){.auth-card{padding-top:20px;padding-bottom:18px}.mobile-logo{margin-bottom:15px}.intro{margin-bottom:16px}.auth-divider{margin:17px 0 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}