:root{--navy:#252569;--ink:#202442;--green:#86d51e;--muted:#778090}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:#fbfcfa;color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #87d51d}.page-shell{min-height:100svh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(circle at 88% 34%,#edf7df 0,transparent 33%),radial-gradient(circle at 2% 95%,#f1f2fc 0,transparent 35%),#fbfcfa}.page-shell:after{content:'';position:absolute;z-index:0;width:700px;height:700px;border:1px solid #e2ebd4;border-radius:50%;right:-300px;top:16%;pointer-events:none}.header,.main,.footer{position:relative;z-index:1}.header{padding:39px max(6.8vw,30px) 20px}.header img{display:block;width:clamp(220px,24vw,300px);height:auto}.main{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,445px);align-items:center;gap:clamp(50px,8vw,150px);width:min(1240px,86.4vw);margin:auto;flex:1;padding:55px 0 85px}.intro{padding-bottom:20px}.eyebrow{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.17em;color:#303073;font-weight:800}.eyebrow i{height:7px;width:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #8adb2825}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(46px,5.4vw,78px);line-height:1.12;letter-spacing:-.065em;font-weight:800;margin:34px 0 25px;white-space:nowrap}.intro h1 span{background:linear-gradient(105deg,#30317a 0%,#6665b3 47%,#85bd32 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.intro>p{font-size:17px;line-height:1.8;color:#687283;max-width:470px;margin:0}.accent-rule{height:2px;width:41px;background:var(--green);margin:40px 0 18px}.microcopy{font-size:12px;color:#9a9fac;font-weight:600}.login-card{background:#fff;border:1px solid #e8ebee;border-radius:23px;overflow:hidden;box-shadow:0 35px 85px #282b6817,0 8px 28px #282b6808;transform:translateY(-2px);animation:appear .7s ease both}.card-topline{height:5px;background:linear-gradient(90deg,#252569,#5552a0 45%,#85d51e)}.card-body{padding:43px 42px 35px}.signin-icon{height:45px;width:45px;background:#eef8df;border-radius:14px;color:#579d12;display:grid;place-items:center;margin-bottom:27px}.signin-icon svg{width:24px}.card-eyebrow{color:#76ac2b;letter-spacing:.18em;font-size:10px;font-weight:800}.card-body h2{font-family:Manrope,sans-serif;font-size:29px;line-height:1.25;letter-spacing:-.055em;color:#282860;margin:11px 0}.card-copy{font-size:13px;color:#8a92a0;margin:0 0 30px}.login-card label{font-size:12px;font-weight:800;color:#4b5065;display:block;margin-bottom:10px}.login-card input{display:block;width:100%;height:51px;border-radius:10px;background:#fdfdfd;border:1px solid #dfe3ea;padding:0 15px;font-size:13px;color:#252842}.login-card input::placeholder{color:#a6acb8}.login-card input:focus{border-color:#8bcb39;outline:3px solid #9cda4a25}.password-label{margin-top:23px}.password-wrap{position:relative}.password-wrap input{padding-right:70px}.password-wrap button{position:absolute;right:15px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#697188;font-size:12px;font-weight:700;cursor:pointer}.submit{height:53px;border:0;background:var(--navy);color:white;border-radius:10px;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:13px;font-weight:800;padding:0 18px;margin-top:28px;cursor:pointer;transition:transform .2s,background .2s}.submit:hover{background:#3a3b8a;transform:translateY(-2px)}.submit span{font-size:22px;font-weight:400}.preview-message{font-size:11px;color:#7b855f;background:#f5f9ee;border-radius:8px;padding:11px 12px;line-height:1.5;margin:16px 0}.existing-login{border-top:1px solid #eef0f2;padding-top:17px;font-size:11px;color:#8a92a0;line-height:1.5}.existing-login a{color:#303177;font-weight:800;white-space:nowrap}.footer{display:flex;justify-content:space-between;gap:20px;padding:22px max(6.8vw,30px) 29px;color:#a1a8b2;font-size:11px}.footer span:first-child{font-weight:700}@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(-2px)}}@media(max-width:950px){.main{width:min(88vw,620px);display:flex;flex-direction:column;gap:45px;padding:30px 0 70px}.intro{text-align:center;padding:0}.eyebrow{justify-content:center}.intro h1{font-size:clamp(43px,7vw,65px);margin:25px 0 20px}.intro>p{max-width:520px}.accent-rule{margin:26px auto 15px}.login-card{width:min(100%,460px)}.header{text-align:center;padding-top:30px}.header img{margin:auto}.footer{padding:25px 6vw}}@media(max-width:560px){.page-shell:after{display:none}.header{padding:24px 20px 10px}.header img{width:230px}.main{width:100%;padding:35px 21px 55px;gap:35px}.eyebrow{font-size:9px}.intro h1{font-size:clamp(37px,9vw,50px);white-space:normal;margin:23px 0 18px}.intro>p{font-size:14px;line-height:1.7}.microcopy{font-size:11px}.login-card{width:100%}.card-body{padding:29px 25px 27px}.card-body h2{font-size:25px}.card-copy{margin-bottom:25px}.signin-icon{margin-bottom:19px}.footer{flex-direction:column;text-align:center;align-items:center;gap:8px;padding:17px 20px 25px}}@media(prefers-reduced-motion:reduce){.login-card{animation:none}}