:root{font-family:"Segoe UI",Tahoma,sans-serif;color:#12233d;background:#eaf2f8;--navy:#082f6b;--cyan:#0891b2;--teal:#0f8b83;--orange:#f97316}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 10%,#cffafe 0,transparent 34%),linear-gradient(135deg,#e7eff7,#f8fbfd);display:grid;place-items:center;padding:28px}.loginShell{width:min(1050px,100%);min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid #d8e5ef;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px #082f6b24}.brandPanel{position:relative;padding:46px;background:linear-gradient(145deg,#06275c 0%,#07568a 55%,#0891b2 100%);color:#fff;overflow:hidden}.brandPanel:before,.brandPanel:after{content:"";position:absolute;border-radius:50%;border:1px solid #67e8f944}.brandPanel:before{width:420px;height:420px;right:-190px;bottom:-170px}.brandPanel:after{width:250px;height:250px;right:-90px;bottom:-80px}.brandLockup{position:relative;z-index:1;display:flex;align-items:center;gap:15px}.brandLockup img{width:66px;height:66px;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 8px 22px #001d4544}.brandLockup small,.formHeading small{display:block;color:#67e8f9;font-size:11px;font-weight:900;letter-spacing:2px}.brandLockup h1{margin:3px 0;font-size:24px}.brandLockup span{color:#bfdbfe;font-size:11px}.brandMessage{position:relative;z-index:1;margin-top:100px}.eyebrow{display:inline-flex;padding:7px 10px;border:1px solid #67e8f977;border-radius:999px;color:#cffafe;font-size:10px;font-weight:900;letter-spacing:1.5px}.brandMessage h2{margin:18px 0 12px;font-size:38px;line-height:1.18;letter-spacing:-1px}.brandMessage p{max-width:480px;margin:0;color:#dbeafe;font-size:15px;line-height:1.75}.brandPanel ul{position:relative;z-index:1;margin:45px 0 0;padding:0;list-style:none;color:#dbeafe;font-size:13px}.brandPanel li{margin:13px 0}.brandPanel li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:9px;border-radius:50%;background:#14b8a633;color:white;font-weight:900}.formPanel{display:flex;flex-direction:column;justify-content:center;padding:62px 66px;background:#fff}.mobileBrand{display:none}.formHeading small{color:#0785a4}.formHeading h2{margin:7px 0 5px;color:#102a43;font-size:34px}.formHeading p{margin:0 0 34px;color:#64748b;font-size:14px}form label{display:block;margin:18px 0;color:#334155;font-size:13px;font-weight:800}form input{width:100%;height:50px;margin-top:8px;padding:0 14px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc;color:#102a43;font:600 15px inherit;outline:none;transition:.18s}form input:focus{border-color:#0891b2;background:#fff;box-shadow:0 0 0 4px #0891b218}.passwordField{position:relative}.passwordField input{padding-right:72px}.passwordField button{position:absolute;right:8px;top:16px;height:34px;border:0;border-radius:8px;background:#e0f2fe;color:#075985;font-size:11px;font-weight:800;padding:0 10px}.loginError{min-height:24px;margin:4px 0 8px;color:#b91c1c;font-size:12px}.loginButton{width:100%;height:52px;border:0;border-radius:11px;background:linear-gradient(100deg,#073b87,#0891b2);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:14px;font-weight:900;box-shadow:0 10px 24px #073b872e;transition:.18s}.loginButton:hover{transform:translateY(-1px);filter:brightness(1.03)}.loginButton:disabled{opacity:.6;transform:none}.loginButton i{font-size:23px;font-style:normal}.networkNote{display:flex;gap:11px;margin-top:26px;padding:13px;border:1px solid #bae6fd;border-radius:11px;background:#f0f9ff}.networkNote>span{color:#10b981}.networkNote b,.networkNote p{display:block}.networkNote b{font-size:12px}.networkNote p{margin:3px 0 0;color:#64748b;font-size:11px;line-height:1.5}footer{margin-top:30px;color:#94a3b8;font-size:10px;line-height:1.5}.loginError:empty{visibility:hidden}@media(max-width:800px){body{padding:0;display:block}.loginShell{min-height:100vh;display:block;border:0;border-radius:0}.brandPanel{display:none}.formPanel{min-height:100vh;padding:36px 24px}.mobileBrand{display:flex;align-items:center;gap:10px;margin-bottom:52px;color:#082f6b;font-size:12px;letter-spacing:1.5px}.mobileBrand img{width:46px;height:46px;object-fit:contain;border-radius:11px}.formHeading h2{font-size:30px}}
:root{font-family:'IBM Plex Sans Thai','Segoe UI',sans-serif!important;color:#18233d;background:#eef3fa}body{position:relative;isolation:isolate;padding:36px;background:radial-gradient(ellipse at 15% 15%,#e0eaff,transparent 55%),radial-gradient(ellipse at 90% 80%,#dcf8f5,transparent 50%),#f4f6fb;overflow-x:hidden}.ambient{position:fixed;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(65px);opacity:.6;animation:ambientDrift 18s ease-in-out infinite alternate}.ambientOne{width:380px;height:380px;background:#b7c8ff;top:-170px;left:-100px}.ambientTwo{width:340px;height:340px;background:#89e8e1;bottom:-150px;right:-90px;animation-delay:-9s}.loginShell{width:min(1120px,100%);min-height:720px;border-radius:32px;border:1px solid #fff;background:#fff;box-shadow:0 35px 90px #24375d1b,0 4px 16px #24375d08;animation:panelEntrance .7s cubic-bezier(.2,.8,.2,1) both}.brandPanel{padding:44px 48px;background:radial-gradient(ellipse at 90% 95%,#165764 0,transparent 65%),radial-gradient(ellipse at 20% 5%,#283864 0,transparent 60%),#111d38}.brandPanel:before{inset:0;width:auto;height:auto;border:0;border-radius:0;background-image:radial-gradient(#ffffff22 .7px,transparent .7px);background-size:25px 25px;opacity:.3}.brandPanel:after{display:none}.brandGlyph{display:grid;place-content:center;position:relative;width:50px;height:50px;flex-shrink:0;border-radius:16px;background:linear-gradient(145deg,#ffffff19,#ffffff05);border:1px solid #ffffff30;box-shadow:inset 0 1px #ffffff22;color:#fff;font-size:27px;font-weight:700;letter-spacing:-3px}.brandGlyph span{color:#69e5d3;position:absolute;right:9px;bottom:9px;font-size:27px}.brandLockup h1{font-size:21px;font-weight:600;letter-spacing:-.6px}.brandLockup small{color:#9ce8df;font-size:10px;letter-spacing:2.5px}.brandLockup span{color:#b9c5dd}.orbital{position:relative;width:210px;height:210px;margin:35px auto 18px;display:grid;place-items:center;pointer-events:none}.orbit{position:absolute;border:1px solid #a0e6e32b;border-radius:50%;inset:0;animation:orbitSpin 30s linear infinite}.orbitOne{border-top-color:#9af4eccc;transform:rotateX(35deg)}.orbitTwo{inset:22px;border-left-color:#b7bdffaa;animation-direction:reverse;animation-duration:24s}.orbitThree{inset:44px;border-style:dashed;opacity:.65;animation-duration:40s}.orbitCore{display:grid;place-items:center;width:88px;height:88px;border-radius:27px;border:1px solid #9efaf650;color:#abfff1;background:linear-gradient(135deg,#6df3dd20,#809aff14);box-shadow:0 0 65px #64f2da20,inset 0 1px #ffffff30;animation:coreFloat 6s ease-in-out infinite}.orbitCore svg{width:48px;height:48px}.orbitDot{position:absolute;width:8px;height:8px;border-radius:50%;background:#8bfff0;box-shadow:0 0 18px #8bfff0}.dotOne{top:25px;right:35px}.dotTwo{bottom:34px;left:33px;background:#c3baff}.brandMessage{margin-top:0}.eyebrow{padding:0;border:0;color:#b5c8dd;letter-spacing:2.2px;font-size:9px}.brandMessage h2{font-size:42px;line-height:1.3;letter-spacing:-1.2px;margin:13px 0 14px;font-weight:600}.brandMessage em{font-style:normal;color:#a1f3e4}.brandMessage p{font-size:14px;color:#bdccdf;line-height:1.8}.brandPanel ul{margin:24px 0 0;font-size:11px;color:#cbd5e7}.brandPanel li{margin:9px 0}.brandPanel li:before{background:#89e8d718;width:18px;height:18px;color:#a4f6e4}.formPanel{padding:64px 60px;background:linear-gradient(145deg,#fff,#fcfdff);position:relative}.formHeading small{color:#5862b8;letter-spacing:2.2px;font-size:10px}.formHeading h2{font-size:32px;font-weight:600;letter-spacing:-.8px;margin:12px 0 9px;color:#17233e}.formHeading p{font-size:13px;margin-bottom:30px;color:#65718a}form label{font-size:12px;font-weight:600;color:#38465f;margin:19px 0}form input{height:54px;border-radius:13px;background:#f5f7fc;border-color:#e0e5f0;font-family:inherit;font-size:14px;font-weight:400;transition:border-color .2s,box-shadow .2s,background .2s}form input:focus{border-color:#5269be;box-shadow:0 0 0 4px #5269be14}.passwordField button{top:18px;background:transparent;color:#455994;font-family:inherit;font-weight:600}.passwordField button:focus-visible,.loginButton:focus-visible{outline:3px solid #6a79c8;outline-offset:4px}.loginButton{position:relative;isolation:isolate;overflow:hidden;height:54px;border-radius:13px;background:linear-gradient(105deg,#344b91,#276e83);font-family:inherit;font-weight:600;box-shadow:0 9px 24px #344b9124;transition:transform .2s,box-shadow .2s}.loginButton:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff20 50%,transparent 75%);transform:translateX(-110%);transition:transform .6s}.loginButton:hover:before{transform:translateX(110%)}.loginButton:hover{transform:translateY(-2px);box-shadow:0 13px 28px #344b9133}.loginButton:active{transform:translateY(0) scale(.99)}.loginButton i{transition:transform .2s}.loginButton:hover i{transform:translateX(4px)}.loginButton:disabled{cursor:wait}.networkNote{border-color:#e3e9f3;background:#f7f9fc;border-radius:13px;margin-top:25px;padding:14px}.networkNote>span{color:#278477}.networkNote b{font-size:11px;font-weight:600;color:#46546d}.networkNote p{color:#68758c;font-size:11px}footer{color:#6c7890;line-height:1.7;font-size:10px;margin-top:27px}.formHeading,form,.networkNote,footer{animation:contentEntrance .6s ease-out both}.formHeading{animation-delay:.1s}form{animation-delay:.18s}.networkNote{animation-delay:.26s}footer{animation-delay:.3s}@keyframes panelEntrance{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes contentEntrance{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes coreFloat{50%{transform:translateY(-7px);box-shadow:0 0 80px #64f2da30,inset 0 1px #ffffff30}}@keyframes ambientDrift{to{transform:translate(40px,30px) scale(1.12)}}@media(max-width:900px){body{padding:20px}.brandPanel{padding:35px}.formPanel{padding:45px 35px}.brandMessage h2{font-size:34px}}@media(max-width:800px){body{display:grid;place-items:center;padding:20px;min-height:100svh}.loginShell{display:block;min-height:0;max-width:480px;border:1px solid #fff;border-radius:26px}.formPanel{min-height:0;padding:36px 28px}.mobileBrand{display:flex;margin-bottom:42px;color:#344b91;font-size:10px;letter-spacing:2px}.mobileBrand .brandGlyph{background:#eef1fb;border-color:#dce3f4;color:#344b91;width:42px;height:42px;border-radius:13px}.mobileBrand .brandGlyph span{color:#278477}.formHeading h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.loginButton:hover{transform:none}}@media(max-width:360px){body{padding:10px}.formPanel{padding:30px 20px}.formHeading h2{font-size:26px}}
.motionToggle{align-self:flex-start;margin-top:15px;padding:6px 0;color:#455994;background:none;border:0;font-family:inherit;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.motionToggle:focus-visible{outline:2px solid #5269be;outline-offset:4px;border-radius:3px}.motionPaused *,.motionPaused:before,.motionPaused:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.motionToggle{display:none}}
/* Full-bleed enterprise landing; CSS-only depth, no video or WebGL payload. */
html,body{min-height:100%;background:#111d38}body{display:block;padding:0;min-height:100svh}.ambient{display:none}.loginShell{width:100%;min-height:100svh;grid-template-columns:minmax(0,1.3fr) minmax(410px,.8fr);border:0;border-radius:0;box-shadow:none;animation:none}.brandPanel{display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;padding:clamp(36px,4.6vw,80px);isolation:isolate;background:radial-gradient(ellipse at 75% 60%,#18596980,transparent 60%),radial-gradient(ellipse at 10% 0%,#293963,transparent 70%),#101b33}.brandLockup{flex-shrink:0;z-index:3}.brandMessage{margin-top:clamp(250px,37vh,440px);z-index:3;max-width:610px}.brandMessage h2{font-size:clamp(40px,4.2vw,68px);line-height:1.22;letter-spacing:-.04em;font-weight:600;margin:18px 0 24px}.brandMessage p{font-size:clamp(14px,1.1vw,17px);color:#c3cee2;line-height:1.9}.brandPanel ul{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid #ffffff15;z-index:3}.brandPanel li{font-size:10px;margin:0}.orbital{display:none}.enterpriseScene{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;perspective:1000px;contain:layout paint}.sceneGrid{position:absolute;width:160%;height:65%;left:-25%;top:32%;background-image:linear-gradient(#a1f3e416 1px,transparent 1px),linear-gradient(90deg,#a1f3e416 1px,transparent 1px);background-size:64px 64px;transform:rotateX(67deg) rotateZ(-24deg);mask-image:radial-gradient(ellipse,#000 0%,transparent 65%);opacity:.65}.sceneHalo{position:absolute;width:460px;height:460px;top:12%;left:38%;border-radius:50%;background:radial-gradient(circle,#a1f3e422,transparent 65%);animation:sceneBreathe 10s ease-in-out infinite alternate}.sceneRing{position:absolute;left:51%;top:17%;width:310px;height:310px;border:1px solid #b1e6e840;border-radius:50%;transform:rotateX(60deg) rotateZ(-25deg);box-shadow:0 0 30px #a1f3e40a,inset 0 0 30px #a1f3e408;animation:sceneOrbit 30s linear infinite}.ringInner{width:210px;height:210px;left:57%;top:22%;border-color:#bfc9ff50;animation-duration:24s;animation-direction:reverse}.sceneCube{position:absolute;width:120px;height:120px;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(38deg);animation:sceneLevitate 9s ease-in-out infinite;left:60%;top:19%}.sceneCube span{position:absolute;inset:0;background:linear-gradient(140deg,#a1f3e432,#698bc015);border:1px solid #b1f5e873;box-shadow:inset 0 0 30px #a1f3e410;backface-visibility:visible}.sceneCube span:nth-child(1){transform:translateZ(60px)}.sceneCube span:nth-child(2){transform:rotateY(90deg) translateZ(60px);background:linear-gradient(135deg,#97aeff33,#243c6018)}.sceneCube span:nth-child(3){transform:rotateX(90deg) translateZ(60px);background:linear-gradient(135deg,#c3fff050,#a1f3e417)}.cubeSmall{left:35%;top:34%;width:54px;height:54px;animation-delay:-4s;animation-duration:12s}.cubeSmall span:nth-child(1){transform:translateZ(27px)}.cubeSmall span:nth-child(2){transform:rotateY(90deg) translateZ(27px)}.cubeSmall span:nth-child(3){transform:rotateX(90deg) translateZ(27px)}.sceneParticle{position:absolute;width:6px;height:6px;border-radius:50%;background:#a1f3e4;box-shadow:0 0 20px #a1f3e4;animation:sceneSpark 7s ease-in-out infinite alternate}.particleOne{left:41%;top:17%}.particleTwo{left:83%;top:40%;background:#c6caff;animation-delay:-3s}.formPanel{min-height:100svh;padding:clamp(40px,5vw,88px);background:radial-gradient(ellipse at 100% 0%,#eaf4f7,transparent 58%),linear-gradient(160deg,#fff,#f8faff);border-left:1px solid #ffffff55}.formHeading h2{font-size:clamp(29px,2.3vw,38px)}.formPanel form,.formPanel .formHeading,.formPanel .networkNote,.formPanel footer,.formPanel .motionToggle{width:100%;max-width:420px;margin-left:auto;margin-right:auto}.formPanel .motionToggle{align-self:auto}.formHeading p{margin-bottom:36px}.formPanel input{height:58px}.loginButton{height:58px}.networkNote{background:#ffffff90}.motionToggle{color:#455994}@keyframes sceneLevitate{0%,100%{transform:translateY(0) rotateX(-24deg) rotateY(38deg)}50%{transform:translateY(-22px) rotateX(-17deg) rotateY(52deg)}}@keyframes sceneOrbit{from{transform:rotateX(60deg) rotateZ(-25deg)}to{transform:rotateX(60deg) rotateZ(335deg)}}@keyframes sceneBreathe{to{transform:scale(1.18) translateY(-15px);opacity:.7}}@keyframes sceneSpark{to{transform:translateY(-18px);opacity:.3}}@media(min-width:1600px){.brandMessage{max-width:760px}.sceneCube{left:65%}.sceneRing{left:57%}}@media(max-width:1000px){.loginShell{grid-template-columns:minmax(0,1fr) minmax(350px,.9fr)}.brandPanel{padding:36px}.formPanel{padding:42px 32px}.brandPanel ul{display:grid;gap:9px}.sceneCube{left:55%;width:90px;height:90px}.sceneCube span:nth-child(1){transform:translateZ(45px)}.sceneCube span:nth-child(2){transform:rotateY(90deg) translateZ(45px)}.sceneCube span:nth-child(3){transform:rotateX(90deg) translateZ(45px)}.cubeSmall{display:none}.sceneRing{left:36%;width:250px;height:250px}}@media(max-width:800px){html,body{background:#f8faff}body{padding:0}.loginShell{display:block;width:100%;max-width:none;min-height:100svh;border:0;border-radius:0}.brandPanel{display:none}.formPanel{min-height:100svh;padding:48px 28px;border:0;justify-content:center;background:radial-gradient(ellipse at 15% 0%,#dfe7ff,transparent 50%),radial-gradient(ellipse at 100% 100%,#dcf8f2,transparent 45%),#f9fbff}.mobileBrand{max-width:420px;width:100%;margin:0 auto 48px}.formPanel footer{margin-top:32px}.enterpriseScene{display:none}}@media(prefers-reduced-motion:reduce){.enterpriseScene *{animation:none!important}}@media(max-width:360px){.formPanel{padding:34px 20px}}