*{box-sizing:border-box}.ppn-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(390px,1.1fr);font-family:system-ui,-apple-system,'Noto Sans Thai',Tahoma,sans-serif}.ppn-login-left{padding:60px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;background:linear-gradient(150deg,#fbf8ff,#f6ecff)}.ppn-login-back{position:absolute;top:25px;left:40px;font-size:.8rem;color:#7434ac;font-weight:700}.ppn-login-card{width:min(490px,100%);max-width:490px;box-shadow:0 24px 70px #45137522}.ppn-login-card .auth-form{margin:0 auto}.ppn-login-helper{margin-top:20px;font-size:.72rem;color:#877997;text-align:center}.ppn-login-right{padding:66px max(6%,35px) 30px;min-width:0;background:radial-gradient(circle at 85% 10%,#9f51dd44,transparent 45%),linear-gradient(145deg,#59218b,#8f49c9 80%,#ad75d9);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.ppn-login-promo-intro{max-width:540px;width:100%}.ppn-login-promo-intro span{font-weight:700;font-size:.8rem;color:#e8c4ff}.ppn-login-promo-intro h2{font-size:clamp(1.7rem,2.6vw,2.55rem);line-height:1.35;margin:10px 0}.ppn-login-promo-intro p{color:#f3e5ff;font-size:.92rem;max-width:490px}.ppn-login-promos{width:min(490px,100%);margin-top:22px;padding:17px;background:#ffffffeb;border-radius:22px;color:#3e1665;box-shadow:0 20px 40px #2707474c}.ppn-login-promos[hidden]{display:none}.login-promo-eyebrow{font-size:.73rem;color:#8430bb;font-weight:800;margin:0 0 11px}.login-promo-image{border-radius:14px;width:100%;max-height:310px;object-fit:cover;object-position:center 28%}.ppn-login-promos h2{font-size:1.15rem;margin:12px 0 5px;line-height:1.45}.ppn-login-promos p{font-size:.81rem;line-height:1.65;color:#665872;margin:0}.login-promo-link{margin-top:14px;display:block;text-align:center;padding:11px 15px;border-radius:10px;color:#fff;background:#7d34bd;font-weight:800;font-size:.83rem}.ppn-login-sidefoot{width:100%;max-width:540px;text-align:center;margin-top:24px;color:#eacdf9;font-size:.76rem}
@media(max-width:880px){.ppn-login-shell{grid-template-columns:1fr}.ppn-login-left{min-height:90vh}.ppn-login-right{padding:42px 24px 65px}.ppn-login-promo-intro{text-align:center}.ppn-login-promo-intro p{margin-left:auto;margin-right:auto}.ppn-login-back{left:22px;top:20px}}@media(max-width:480px){.ppn-login-left{padding:66px 15px 35px}.ppn-login-card{max-width:100%}.ppn-login-right{padding:34px 17px 45px}.ppn-login-promo-intro h2{font-size:1.55rem}}