:root{--purple-950:#241044;--purple-700:#7133c7;--line:#e7dff0;--ink:#2a2140;--muted:#7c728f}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"IBM Plex Sans Thai","DM Sans",sans-serif;font-size:16px}.login-page{min-height:100svh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(440px,.95fr)}.brand-panel{position:relative;display:flex;min-height:100svh;flex-direction:column;overflow:hidden;padding:clamp(30px,4vw,62px);color:#fff;background:radial-gradient(circle at 78% 16%,rgba(245,207,91,.25),transparent 19%),radial-gradient(circle at 25% 92%,rgba(187,109,255,.3),transparent 32%),linear-gradient(132deg,#281047 0%,#542192 55%,#7834c4 100%)}.brand-panel:before{position:absolute;top:-17vw;right:-12vw;width:43vw;height:43vw;border:1px solid rgba(255,255,255,.11);border-radius:50%;content:"";box-shadow:0 0 0 48px rgba(255,255,255,.045),0 0 0 100px rgba(255,255,255,.025)}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:#fff;font-family:"DM Sans",sans-serif;font-size:22px;font-weight:700;letter-spacing:1.4px;text-decoration:none}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:2px solid #ffe48d;border-radius:11px;color:#3e176c;background:linear-gradient(135deg,#ffe382,#f2a644);font-family:"DM Sans",sans-serif;font-size:16px;font-weight:700;box-shadow:inset 0 -3px 0 rgba(183,91,21,.36)}.brand-copy{position:relative;z-index:1;margin-top:clamp(58px,9vh,120px)}.eyebrow,.welcome{margin:0 0 11px;color:#dcc5ff;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:2px}.brand-copy h1{max-width:540px;margin:0;font-size:clamp(42px,4.1vw,66px);letter-spacing:-2.7px;line-height:1.08}.brand-copy h1 em{color:#ffdb70;font-style:normal}.brand-copy>p:last-child{max-width:390px;margin:18px 0 0;color:#eadfff;font-size:17px;line-height:1.75}.feature-list{display:grid;gap:7px;max-width:385px;margin-top:23px}.feature-list article{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(43,13,88,.24);backdrop-filter:blur(6px)}.feature-icon{display:grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border-radius:8px;font-family:"DM Sans",sans-serif;font-size:14px;font-weight:700}.feature-icon.ai{color:#694012;background:#ffe088}.feature-icon.timeline{color:#fff;background:#9b64e7}.feature-icon.bell{color:#5e2b90;background:#f9d36a;font-size:10px}.feature-list strong,.feature-list small{display:block}.feature-list strong{font-family:"DM Sans",sans-serif;font-size:12px}.feature-list small{margin-top:1px;color:#e3d4f7;font-size:10px}.mascot-scene{position:absolute;right:0;bottom:0;width:min(54vw,640px);height:min(51vh,510px)}.mascot-scene img{position:absolute;right:0;bottom:-7px;width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 20px 20px rgba(28,7,59,.32))}.glow{position:absolute;border-radius:50%;background:rgba(255,255,255,.1);filter:blur(2px)}.glow-one{right:8%;bottom:34%;width:235px;height:235px}.glow-two{right:61%;bottom:12%;width:100px;height:100px;background:rgba(255,217,109,.25)}.scene-note{position:absolute;z-index:1;right:4%;top:14%;display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid rgba(255,255,255,.42);border-radius:12px;color:#43216f;background:rgba(255,253,244,.95);box-shadow:0 10px 24px rgba(29,5,65,.23);font-size:12px}.scene-note span{color:#e09c1e;font-size:18px}.panel-footer{position:relative;z-index:1;margin:auto 0 0;color:#d5bded;font-family:"DM Sans",sans-serif;font-size:11px}.form-panel{display:grid;min-height:100svh;place-items:center;padding:40px;background:#fff}.form-wrap{width:min(100%,405px)}.mobile-brand,.mobile-features{display:none}.welcome{color:var(--purple-700)}.form-wrap h2{margin:0;color:var(--purple-950);font-size:33px;letter-spacing:-1.4px;line-height:1.2}.intro{margin:9px 0 34px;color:var(--muted);font-size:15px}form label{display:block;margin:0 0 8px;color:#4a3e60;font-size:14px;font-weight:600}.input-wrap{position:relative;margin-bottom:20px}.input-icon{position:absolute;top:50%;left:15px;color:#977ab5;transform:translateY(-50%);font-family:"DM Sans",sans-serif;font-size:17px}input[type=email],input[type=password]{width:100%;height:52px;border:1px solid var(--line);border-radius:10px;outline:0;padding:0 48px;color:var(--ink);background:#fff;font:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#aaa0b4}input:focus{border-color:#8a4ade;box-shadow:0 0 0 4px rgba(132,68,220,.12)}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row a,.signup-note a{color:var(--purple-700);font-size:13px;font-weight:600;text-decoration:none}.password-toggle{position:absolute;top:50%;right:10px;border:0;padding:7px;color:var(--purple-700);background:transparent;transform:translateY(-50%);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.remember{display:flex!important;align-items:center;gap:8px;margin:0!important;color:#675b77!important;font-size:13px!important;font-weight:400!important}.remember input{width:16px;height:16px;accent-color:#7e3bd2}.form-message{min-height:20px;margin:16px 0 0;color:#bf3b4b;font-size:13px}.form-message.success{color:#228461}.submit-button,.google-button{display:flex;width:100%;height:52px;align-items:center;justify-content:center;border-radius:10px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.submit-button{border:0;color:#fff;background:linear-gradient(135deg,#9d55ed,#6728bf);box-shadow:0 10px 20px rgba(110,43,194,.24);transition:transform .2s,box-shadow .2s}.submit-button:hover{box-shadow:0 12px 25px rgba(110,43,194,.32);transform:translateY(-1px)}.submit-button:disabled{cursor:wait;opacity:.7;transform:none}.submit-button span{margin-left:9px;font-size:18px}.divider{display:flex;align-items:center;gap:13px;margin:25px 0;color:#a297ad;font-size:12px}.divider:before,.divider:after{height:1px;flex:1;background:#eee8f3;content:""}.google-button{gap:10px;border:1px solid var(--line);color:#4c405d;background:#fff;transition:border-color .2s,background .2s}.google-button:hover{border-color:#ba96e6;background:#faf7ff}.google-g{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;color:#fff;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);font-family:Arial,sans-serif;font-size:11px;font-weight:700}.signup-note{margin:24px 0 0;text-align:center;color:#82778e;font-size:13px}@media(max-width:900px){.login-page{grid-template-columns:minmax(340px,.9fr) minmax(400px,1.1fr)}.brand-panel{padding:36px}.brand-copy h1{font-size:42px}.feature-list{max-width:320px}.mascot-scene{width:510px;height:410px}.scene-note{right:3%;top:12%}}@media(max-width:720px){.login-page{display:block}.brand-panel{display:none}.form-panel{min-height:100svh;padding:30px 24px}.form-wrap{max-width:420px}.mobile-brand{display:flex;align-items:center;gap:9px;margin:0 0 58px;color:#401774;font-family:"DM Sans",sans-serif;font-size:20px;font-weight:700;letter-spacing:1px}.mobile-brand .brand-mark{width:31px;height:31px;font-size:14px}.form-wrap h2{font-size:30px}.intro{margin-bottom:16px}.mobile-features{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px}.mobile-features span{border:1px solid #e8dcf5;border-radius:99px;padding:5px 8px;color:#6e478f;background:#faf7ff;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:700}}@media(max-width:370px){.form-panel{padding:24px 18px}.mobile-brand{margin-bottom:38px}}

/* A revealed password becomes type=text; keep it visually identical to the password field. */
input[type=text] { width:100%;height:52px;border:1px solid var(--line);border-radius:10px;outline:0;padding:0 48px;color:var(--ink);background:#fff;font:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s; }

/* Feature matrix: communicates the entire product without competing with login. */
.feature-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:410px;gap:7px}.feature-list article{min-height:52px;padding:7px 8px}.feature-list strong{font-size:10px;line-height:1.1}.feature-list small{font-size:8.5px;line-height:1.25}.feature-icon{width:25px;height:25px;font-size:12px}.feature-icon.inbox{color:#0f6375;background:#99e5e9}.feature-icon.gantt{color:#fff;background:#6b56d8}.feature-icon.calendar{color:#5d347d;background:#e4c6ff}.feature-icon.copilot{color:#744600;background:#ffd46e}.feature-icon.report{color:#3e3485;background:#bbb8ff}@media(max-width:900px){.feature-list{grid-template-columns:1fr;max-width:292px;gap:5px}.feature-list article{min-height:40px}.feature-list small{display:none}.feature-list strong{font-size:11px}.feature-list .feature-icon{width:24px;height:24px}.mascot-scene{opacity:.72}}@media(max-width:720px){.mobile-features{margin-bottom:22px}.mobile-features span{font-size:9px;padding:5px 7px}}

/* Keep feature information and the supplied mascot visually separate. */
.feature-list{max-width:286px}.mascot-scene{width:min(31vw,360px);height:min(50vh,470px);right:-6px}.language-toggle{position:absolute;top:30px;right:34px;display:flex;gap:2px;align-items:center;border:1px solid #e5d9f1;border-radius:99px;padding:3px;color:#7c6993;background:#faf7fe;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:700;cursor:pointer}.language-toggle span,.language-toggle b{display:grid;min-width:28px;height:25px;place-items:center;border-radius:99px;font-weight:700}.language-toggle span{color:#fff;background:#7133c7}.language-toggle.is-english span{color:#7c6993;background:transparent}.language-toggle.is-english b{color:#fff;background:#7133c7}.submit-button{gap:9px}.submit-button i{font-style:normal;font-size:18px}@media(max-width:900px){.feature-list{max-width:238px}.mascot-scene{width:290px;height:390px;right:-20px}.language-toggle{right:24px}}@media(max-width:720px){.language-toggle{top:22px;right:22px}.mascot-scene{display:none}.form-panel{position:relative}.mobile-brand{margin-right:72px}}