@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap');:root{--primary:#3157d5;--text:#202938;--muted:#6b7280}*{box-sizing:border-box}body{font-family:Kanit,sans-serif;margin:0;background:#f4f7fc;color:var(--text);min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(390px,.92fr)}.auth-visual{position:relative;overflow:hidden;background:linear-gradient(135deg,#172655,#3157d5 62%,#16a3c7);color:#fff;padding:55px;display:flex;flex-direction:column;justify-content:space-between}.auth-visual:before,.auth-visual:after{content:"";position:absolute;border:70px solid rgba(255,255,255,.07);border-radius:50%}.auth-visual:before{width:360px;height:360px;right:-120px;top:-130px}.auth-visual:after{width:260px;height:260px;left:-100px;bottom:-100px}.visual-brand,.visual-copy,.feature-grid{position:relative;z-index:1}.visual-brand{display:flex;align-items:center;gap:12px;font-weight:600}.visual-mark{width:46px;height:46px;border-radius:14px;background:#ffffff20;backdrop-filter:blur(10px);display:grid;place-items:center;font-size:1.4rem}.visual-copy{max-width:600px}.visual-copy h1{font-size:2.7rem;line-height:1.15;margin:0 0 16px}.visual-copy p{color:#dbe5ff;font-size:1.05rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{background:#ffffff12;border:1px solid #ffffff1f;border-radius:15px;padding:15px}.feature i{font-size:1.2rem}.feature strong{display:block;margin-top:8px;font-size:.85rem}.auth-form-side{display:grid;place-items:center;padding:40px;background:#fff}.login-card{width:min(100%,430px)}.mobile-brand{display:none}.login-card h2{font-size:1.8rem;margin:0 0 7px}.login-card>p{color:var(--muted);margin-bottom:28px}.form-label{font-weight:500}.input-wrap{position:relative}.input-wrap i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#8490a3}.form-control{height:50px;border:1px solid #dfe4ec;border-radius:12px;padding-left:44px}.form-control:focus{border-color:#8da3ed;box-shadow:0 0 0 4px rgba(49,87,213,.1)}.login-button{height:50px;border:0;border-radius:12px;background:linear-gradient(135deg,#3157d5,#5273e4);box-shadow:0 8px 20px rgba(49,87,213,.22);font-weight:500}.login-button:hover{background:linear-gradient(135deg,#243da8,#3157d5)}.security-note{text-align:center;color:#8b95a5;font-size:.75rem;margin-top:22px}@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-side{min-height:100vh;padding:24px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:45px;color:var(--primary);font-weight:600}.mobile-brand .visual-mark{background:#eef2ff}}