*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif;background:#f7f8fa;color:#182b3e}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#102c40;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:48px 9%;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:460px;height:460px;border:1px solid #ffffff14;border-radius:50%;right:-220px;bottom:-170px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.product-name{font-size:12px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.product-mark{background:#20a793;color:white;width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0}.story-content{position:relative;z-index:1;padding:80px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#648093}.login-story .eyebrow{color:#75cfbf}h1{font-size:clamp(40px,4.1vw,64px);line-height:1.12;font-weight:700;margin:22px 0}h1 em{font-style:normal;color:#75cfbf}.story-content p{color:#beced8;font-size:16px;line-height:1.8;max-width:380px}.story-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.story-tags span{border:1px solid #ffffff24;padding:8px 12px;border-radius:6px;font-size:12px;color:#dce8ed}.story-bottom{font-size:12px;color:#8ba4b3}.login-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 36px}.login-container{width:100%;max-width:390px}.avatar{margin-bottom:30px}.avatar img{max-width:200px;max-height:75px;object-fit:contain}.login-symbol{display:inline-flex;align-items:center;justify-content:center;background:#e4efed;border-radius:15px;color:#168776;width:62px;height:62px;font-size:32px;font-weight:700}h2{font-size:29px;font-weight:700;margin:12px 0}.login-intro{color:#778895;margin-bottom:32px}.form-box label{font-size:13px;font-weight:700;margin-bottom:8px;display:block}.form-box input{display:block;width:100%;height:50px;border:1px solid #d7dfe5;border-radius:8px;background:#fff;padding:0 14px;margin-bottom:22px;font-size:14px;outline:none}.form-box input:focus{border-color:#168776;box-shadow:0 0 0 3px #16877612}.password-wrap{position:relative}.password-wrap input{padding-right:75px}.password-toggle{position:absolute;right:10px;top:15px;background:none;border:0;color:#587184;font-size:12px}.btn.login{height:51px;background:#168776;border-color:#168776;border-radius:8px;font-weight:700;font-size:14px}.btn.login span{margin-left:15px}.login-help{font-size:12px;color:#8796a1;text-align:center;margin-top:18px;line-height:1.7}.login-credit{color:#697c89;font-size:13px;margin-top:58px;letter-spacing:.3px}#output:empty{display:none}@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-story{padding:25px 28px}.story-content{padding:25px 0 10px}.story-content h1{font-size:32px;margin:10px 0}.story-content h1 br{display:none}.story-content p,.story-tags,.story-bottom{display:none}.login-entry{padding:38px 25px}.avatar{margin-bottom:20px}.login-credit{margin-top:35px}.login-story .eyebrow{font-size:9px}}