:root{--blue:#123454;--blue2:#1b527e;--deep:#0e2948;--yellow:#f9c74f;--ink:#15263c;--muted:#6c7a89;--bg:#f3f7fb;--line:#e5eaf0;--white:#fff;--radius:16px;color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible{outline:3px solid #a8cdf2;outline-offset:2px}
.page{min-height:100vh;padding:22px;display:flex;align-items:stretch}.layout{width:100%;max-width:1520px;min-height:calc(100vh - 44px);margin:auto;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr);background:white;border:1px solid #e8eef5;border-radius:22px;overflow:hidden;box-shadow:0 28px 78px rgba(20,50,80,.08)}
.showcase{position:relative;overflow:hidden;background:linear-gradient(150deg,#102d4b 0%,#15466c 52%,#0e2847 100%);padding:47px 52px 38px;display:flex;flex-direction:column;justify-content:space-between;color:white}.showcase:before{content:"";position:absolute;width:600px;height:600px;right:-350px;top:12%;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.024),0 0 0 200px rgba(255,255,255,.018);pointer-events:none}.showcase:after{content:"";position:absolute;width:320px;height:320px;left:-260px;bottom:-160px;border-radius:50%;background:rgba(249,199,79,.075);pointer-events:none}.showcase>*{z-index:1}.brand{display:flex;align-items:center;gap:13px;font-size:32px;font-weight:850;letter-spacing:-1.7px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:rgba(255,255,255,.12);color:#fff}.brand-mark svg{height:32px;width:32px}.brand-accent{color:var(--yellow)}.brand small{display:block;font-size:10px;font-weight:750;letter-spacing:2.7px;margin:0 0 0 2px;color:#c8d9ec}.showcase-main{padding:45px 0 70px;max-width:550px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:750;letter-spacing:1.75px;color:#c9dbee}.eyebrow-dot{display:inline-block;height:7px;width:7px;background:var(--yellow);border-radius:50%}.showcase h1{margin:27px 0 24px;font-size:clamp(37px,3.8vw,60px);font-weight:800;line-height:1.13;letter-spacing:-2.6px}.showcase h1 em{font-style:normal;color:#f9cd64}.showcase-main>p{font-size:15.5px;line-height:1.8;color:#d0dfec;max-width:490px}.feature-list{display:grid;gap:23px;margin-top:44px}.feature{display:flex;gap:17px;align-items:flex-start}.feature-icon{display:grid;place-items:center;flex:0 0 auto;height:39px;width:39px;background:rgba(255,255,255,.11);border-radius:11px;font-size:11px;font-weight:800;color:var(--yellow)}.feature div{display:flex;flex-direction:column;gap:5px}.feature strong{font-size:14px}.feature div span{color:#c3d5e7;font-size:12px;line-height:1.6}.showcase-foot{font-size:10.5px;display:flex;gap:12px;color:#bdd2e6;align-items:center}.showcase-foot span:last-child{margin-left:auto}.soft-line{width:18px;height:2px;background:var(--yellow);display:inline-block}
.entry-area{padding:30px 44px 30px;display:flex;justify-content:space-between;flex-direction:column;background:linear-gradient(130deg,#ffffff,#fcfdff)}.top-note{text-align:right;font-size:10px;font-weight:750;letter-spacing:1.6px;color:#8494a7}.tiny-symbol{font-size:16px;color:#dfac30;margin-right:7px}.auth-card{width:100%;max-width:412px;margin:40px auto}.illustration{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:#f4f8fd;margin-bottom:24px}.illustration svg{width:68px;height:68px}.section-kicker{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#2c719f}.panel-title h2{font-size:clamp(29px,3vw,39px);line-height:1.12;letter-spacing:-1.45px;margin:9px 0 13px}.panel-title p{font-size:13.5px;line-height:1.65;color:var(--muted);margin:0 0 30px}.auth-form{display:flex;flex-direction:column;gap:9px}.auth-form label{font-size:12px;font-weight:750;color:#32445a}.auth-form input{height:49px;width:100%;border:1px solid #dfe7ef;background:#f9fbfe;border-radius:11px;padding:0 15px;font-size:13px;color:#203349;transition:border-color .15s,box-shadow .15s}.auth-form input:focus{border-color:#4a83ad;box-shadow:0 0 0 3px rgba(52,125,182,.1);outline:none}.auth-form input::placeholder{color:#a1aebb}.pass-label{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.text-btn{border:0;background:transparent;padding:0;font-size:11.5px;color:#246d9f;font-weight:700}.text-btn:hover{text-decoration:underline}.password-wrap{position:relative}.password-wrap input{padding-right:55px}.reveal-btn{position:absolute;right:8px;top:8px;height:33px;width:37px;display:grid;place-items:center;border:0;background:transparent;color:#8493a7;border-radius:9px}.reveal-btn svg{width:19px;height:19px}.primary-btn{height:50px;display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:14px;border:0;border-radius:11px;background:linear-gradient(110deg,#184e79,#286f9d);box-shadow:0 7px 15px rgba(22,86,130,.16);padding:0 18px;color:#fff;font-size:13px;font-weight:750}.primary-btn:hover:not(:disabled){filter:brightness(1.08)}.primary-btn span{font-size:21px;font-weight:400}.secondary-btn{border:1px solid #cbd9e5;background:white;color:#1b527e;width:100%;padding:13px;border-radius:11px;margin-top:22px;font-weight:700}.auth-bottom{margin-top:35px;padding-top:21px;border-top:1px solid var(--line);font-size:11px;color:#8996a5;display:flex;align-items:center;gap:9px}.lock-dot{width:9px;height:9px;background:#b7c6d7;border-radius:50%}.notice{display:flex;align-items:flex-start;gap:12px;background:#fff8e8;color:#785c22;border:1px solid #f3dfb1;border-radius:12px;padding:14px;margin:0 0 22px;font-size:11.5px;line-height:1.65}.notice strong{color:#775716}.notice-icon{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;background:#f5dc98;color:#775716;font-weight:800}.notice-alt{background:#f0f6fb;border-color:#d5e4f0;color:#526b7f;margin:21px 0 0}.notice-alt .notice-icon{background:#d3e7f6;color:#1d5d88}.notice-alt strong{color:#214c6c}.feedback{padding:12px 14px;margin:0 0 16px;background:#eef5fb;border-radius:10px;font-size:12px;line-height:1.5;color:#244b70}.feedback.error{background:#fff0ee;color:#a13530}.signed-in{font-size:12px}.account-label{margin-bottom:6px;color:#79899b}.signed-in>strong{display:block;overflow-wrap:anywhere;font-size:14px}.entry-foot{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:#94a1ae}.mobile-brand{display:none}[hidden]{display:none!important}
@media(max-width:960px){.layout{grid-template-columns:minmax(0,.95fr) minmax(365px,1.05fr)}.showcase{padding:40px 30px}.showcase h1{font-size:38px;letter-spacing:-1.6px}.entry-area{padding:30px}.auth-card{max-width:360px}}@media(max-width:740px){.page{padding:0}.layout{min-height:100vh;display:block;border:0;border-radius:0}.showcase{display:none}.entry-area{min-height:100vh;padding:26px 24px 18px}.top-note{display:none}.auth-card{max-width:420px;margin:25px auto 35px}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:23px;font-weight:830;color:#123454;letter-spacing:-.9px;margin-bottom:55px}.mobile-brand>span:last-child{font-size:9px;color:#8aa0b2;font-weight:800;letter-spacing:1px;margin-left:5px}.mobile-dot{height:13px;width:13px;border-radius:5px;background:#f3b93e}.entry-foot{flex-direction:column;gap:6px;text-align:center}.illustration{margin-bottom:21px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}