*{box-sizing:border-box}body{margin:0;background:#fff;color:#15283f;font:15px/1.6 'Segoe UI',Tahoma,Arial,sans-serif}a{color:#2459ae;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}.shell{min-height:100dvh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(480px,1.1fr)}.intro{background:#edf4fc;padding:48px 64px;display:flex;flex-direction:column;justify-content:space-between;border-inline-end:1px solid #e1e9f4;gap:56px}.brand{max-width:300px}.brand img{width:100%;height:auto;max-height:100px;object-fit:contain;object-position:left}.eyebrow,.workspace-label{font-size:11px;letter-spacing:2px;font-weight:700;color:#315b91}h1{font-size:clamp(30px,3.4vw,52px);line-height:1.18;letter-spacing:-1.4px;white-space:pre-line;margin:18px 0 24px}.intro p{color:#536980;max-width:410px;font-size:17px}.features{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.features span{border:1px solid #d2e0f0;background:#fff;padding:6px 12px;border-radius:8px;font-size:12px;color:#315b91}.intro small{color:#617489}.panel{padding:36px 7%;display:flex;flex-direction:column;min-width:0}.panel-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.content{width:100%;max-width:620px;margin:auto;padding:48px 0}h2{font-size:30px;line-height:1.25;letter-spacing:-.5px;margin:0 0 14px}p{color:#617185}label{display:block;font-size:14px;font-weight:600;margin:18px 0 7px}input:not([type=checkbox]),select{display:block;width:100%;padding:12px 14px;border:1px solid #ced9e7;border-radius:9px;background:#fff;color:#172c48;margin-top:7px;min-height:48px}input:focus,select:focus{outline:3px solid #e1edff;border-color:#3974ce}.check{display:flex;gap:9px;align-items:center;font-weight:400}.check input{width:17px;height:17px;accent-color:#285db1}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:#2259b0;color:#fff;border:0;border-radius:9px;padding:12px 18px;min-height:46px;cursor:pointer;font-weight:600}form>button[type=submit]{width:100%;margin-top:20px}button:hover,.button:hover{background:#16458d;text-decoration:none}.secondary{background:#edf3fb;color:#2459ae}.notice{background:#edf4fc;border-inline-start:3px solid #3371c7;padding:12px 15px;margin:20px 0;border-radius:6px}.hint{font-size:12px;margin:6px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.row form{margin:0}.row button{min-height:36px;padding:7px 11px;font-size:13px}footer{font-size:12px;color:#617185;border-top:1px solid #e5ebf3;padding-top:18px}.account{padding:16px 0;border-bottom:1px solid #e5ebf3}.account strong{display:block}.account small{color:#617185}.link-box{overflow-wrap:anywhere;display:block;background:#f1f5fb;padding:15px;border-radius:8px;font-size:13px}.tag{display:inline-block;background:#eef4fa;border-radius:6px;padding:3px 8px;font-size:12px;color:#315b91}hr{border:0;border-top:1px solid #e5ebf3;margin:30px 0}.subheading{font-size:18px;margin-top:28px}.back{display:inline-block;margin:18px 0}.wide-table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:start;border-bottom:1px solid #e5ebf3;padding:10px 7px}html[dir=rtl] h1{letter-spacing:0}html[dir=rtl] .brand img{object-position:right}@media(max-width:820px){.shell{grid-template-columns:1fr}.intro{padding:24px 28px;gap:0;border-inline-end:0;border-bottom:1px solid #e1e9f4}.brand{max-width:220px}.intro>div,.intro>small{display:none}.panel{padding:25px 28px;min-height:calc(100dvh - 116px)}.content{padding:35px 0}h2{font-size:26px}}@media(min-width:1500px){.intro{padding:64px 12%}.panel{padding:48px 12%}}
:root{--ink:#172d49;--blue:#2464df;--border:#e6ebf2}
body{background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased}
.shell{background:#fff;max-width:1440px;min-height:100dvh;margin:0 auto;padding:40px;gap:64px;grid-template-columns:minmax(340px,1fr) minmax(420px,1fr)}
.intro{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:0;border-inline-end:1px solid #edf0f5;padding:18px 48px 18px 4px;background:#fff;box-shadow:none;gap:36px}
.intro:before,.intro:after{display:none}
.brand{display:block;background:transparent;border:0;border-radius:0;padding:0;width:245px;max-width:85%;box-shadow:none;animation:brand-arrive .8s ease-out both}.brand img{display:block;width:100%;max-height:80px;object-fit:contain;opacity:1;filter:none;background:transparent;transform-origin:center;animation:brand-float 7s ease-in-out 1s infinite}
.eyebrow{display:inline-block;background:transparent;border:0;border-radius:0;padding:0;font-size:10px;font-weight:650;letter-spacing:1.8px;color:#64809e}
.intro h1{color:#172d49;font-size:clamp(34px,3.2vw,48px);line-height:1.16;letter-spacing:-1.5px;max-width:500px;margin:20px 0 20px;animation:text-arrive .8s ease-out .1s both}.intro p{color:#74849a;font-size:14px;line-height:1.85;max-width:430px;margin:0 0 24px;animation:text-arrive .8s ease-out .2s both}.intro>small{font-size:10px;letter-spacing:.4px;color:#8695a7}
.factory-visual{position:relative;margin:26px 0 22px;border:1px solid #e7edf5;border-radius:18px;background:#fff;box-shadow:none;max-width:530px;overflow:hidden;animation:text-arrive .8s ease-out .3s both}.visual-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 17px 0;gap:10px}.visual-heading>span{font-size:10px;font-weight:650;color:#56708e;display:flex;align-items:center;gap:7px}.visual-heading i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#369e98}.visual-heading>small{display:block;font-size:9px;color:#8a9aab}.factory-visual img{display:block;width:100%;height:clamp(180px,22vh,250px);object-fit:contain;padding:0 5px 7px;background:transparent}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;max-width:530px}.features>span{padding:12px 11px;border:1px solid #e3ebf7;border-radius:11px;background:#f7faff;color:#315d9c;box-shadow:none;text-align:start;min-width:0}.features>span:nth-child(2){background:#f5fbf9;border-color:#e1eee9;color:#34796e}.features>span:nth-child(3){background:#f9f7fd;border-color:#eae5f4;color:#766098}.features strong{display:block;font-size:11px;font-weight:650;margin-bottom:4px}.features small{display:block;font-size:9px;line-height:1.5;color:inherit;font-weight:400;letter-spacing:0}
.panel{background:#fff;padding:12px 3%;gap:30px;min-width:0}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:0}.workspace-label{font-size:10px;letter-spacing:2px;color:#8b9bad;font-weight:650}.panel-top>a{padding:7px 12px;border:1px solid #e6ecf4;border-radius:8px;background:#fff;color:#537396;font-size:11px;font-weight:600;box-shadow:none}
.content{max-width:480px;width:100%;margin:auto;padding:35px 33px;border:1px solid #e4eaf2;border-radius:20px;background:#fff;box-shadow:0 12px 42px #24415e08;position:relative;animation:text-arrive .65s ease-out .1s both}.content:before{content:'';position:absolute;inset-inline-start:33px;top:-1px;width:46px;height:3px;border-radius:3px;background:linear-gradient(90deg,#2464df,#47b5ac)}
h2{color:#172d49;font-size:30px;line-height:1.25;letter-spacing:-.8px;margin:3px 0 12px}.content>p{font-size:12px;line-height:1.85;color:#7a8a9d;margin:0 0 26px}label{font-size:12px;font-weight:600;color:#405872;margin:19px 0 8px}
input:not([type=checkbox]),select{display:block;width:100%;min-height:51px;padding:13px 14px;border:1px solid #dfe6f0;border-radius:10px;background:#fff;color:#213b59;font-size:14px;transition:border-color .15s,box-shadow .15s}input:not([type=checkbox]):hover,select:hover{border-color:#bacbe2}input:focus,select:focus{outline:0;border-color:#6f9de8;background:#fff;box-shadow:0 0 0 3px #2464df0a}.check{font-size:10px;color:#7b8a9c;font-weight:400;gap:8px}.check input{width:15px;height:15px;accent-color:#2865d7}.row{gap:8px}.row>a{font-size:10px;font-weight:600;color:#3967ad}
button,.button{background:#2865dc;color:#fff;border:1px solid #2865dc;border-radius:10px;min-height:48px;padding:12px 17px;font-size:13px;font-weight:600;box-shadow:0 4px 10px #2865dc14;transition:background .15s,transform .15s,box-shadow .15s}button:hover,.button:hover{background:#1e54bd;box-shadow:0 6px 15px #2865dc20;transform:translateY(-1px);text-decoration:none}form>button[type=submit]{margin-top:24px}form>button[type=submit]:after{content:none}button:focus-visible,a:focus-visible{outline:3px solid #9dc0f6;outline-offset:3px}.secondary{background:#f6f9fd;border-color:#e1e9f3;color:#41699e;box-shadow:none}.secondary:hover{background:#edf3fa;color:#2b558e;box-shadow:none}.hint{font-size:10px!important;line-height:1.85;margin-top:17px!important;color:#8b98a9!important}.back{font-size:11px;font-weight:600;color:#5b79a3;margin:20px 0 0}.notice{padding:12px 14px;border:1px solid #e0eaf8;border-inline-start:3px solid #5b89cf;background:#f5f9ff;border-radius:10px;font-size:12px;line-height:1.8;color:#385d89}footer{font-size:10px;color:#99a5b5;border-top:0;text-align:center;padding:0 0 6px}footer a{color:#718ba9}.account{padding:20px 0}.account form>button{font-size:12px}.account form+form{margin-top:10px}.tag{background:#f0f8f4;color:#3f806c}.link-box{background:#f8fafe;border:1px solid #e3eaf4;font-size:12px;line-height:1.9}html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:0}html[dir=rtl] .intro{padding:18px 4px 18px 48px}
@keyframes brand-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes brand-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes text-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.shell{padding:48px;gap:80px}.intro{padding-inline-end:55px}.panel{padding:14px 4%}}
@media(max-height:850px) and (min-width:821px){.shell{padding:24px 34px;gap:42px}.intro{gap:20px;padding-block:10px;padding-inline-end:34px}.intro h1{font-size:35px;margin:15px 0}.intro .brand{width:220px}.intro p{font-size:12px;margin-bottom:14px}.factory-visual{margin:18px 0}.factory-visual img{height:170px}.features>span{padding:10px}.content{padding:29px}.content:before{inset-inline-start:29px}.panel{padding:8px 2%}}
@media(max-width:1050px) and (min-width:821px){.shell{padding:24px;gap:28px;grid-template-columns:minmax(300px,.95fr) minmax(380px,1.05fr)}.intro{padding-inline-end:24px}.panel{padding:8px 0}.content{padding:27px}.intro h1{font-size:33px}.features{gap:6px}.features>span{padding:10px 7px}.features small{font-size:8px}}
@media(max-width:820px){body{background:#fff}.shell{display:block;padding:24px;min-height:100dvh}.intro,html[dir=rtl] .intro{padding:4px 0 22px;border:0;border-bottom:1px solid #edf0f5;border-radius:0;background:#fff;gap:0;overflow:visible}.intro .brand{width:205px;padding:0;background:transparent;border:0;border-radius:0}.intro .brand img{max-height:66px}.intro>div{display:block}.intro .eyebrow,.intro p,.intro .features,.intro>small,.factory-visual{display:none}.intro h1{font-size:23px;line-height:1.35;white-space:normal;max-width:none;letter-spacing:-.5px;margin:20px 0 0}.panel{padding:24px 0 0;min-height:0;gap:25px;background:#fff}.panel-top{width:100%;max-width:480px;margin:0 auto}.content{max-width:480px;margin:0 auto 5px;padding:28px 24px;border-radius:17px;box-shadow:0 9px 28px #24415e05}.content:before{inset-inline-start:24px}h2{font-size:27px}footer{padding:6px 0 15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;transform:none!important}}

/* Final type hierarchy: the sign-in card is the primary focal point. */
.brand,.brand img{animation:none!important;background:transparent;filter:none;opacity:1;transform:none;box-shadow:none;border:0;padding:0}
.brand img{max-height:88px}.intro h1{font-size:clamp(31px,2.8vw,42px);font-weight:650}.intro p{font-size:14px}.panel{padding-inline:2%}
.content{max-width:520px;padding:42px 38px;border-color:#dce5f0;border-radius:22px;box-shadow:0 18px 55px #24415e0a}
.content:before{inset-inline-start:38px;width:56px;height:3px}
.content h2{font-family:'Segoe UI Variable','Segoe UI',Tahoma,Arial,sans-serif;font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-1px;margin:0 0 15px;color:#132a46}
.content>p{font-size:15px;line-height:1.75;color:#61748c;margin-bottom:30px}
.content label{font-size:14px;font-weight:600;line-height:1.6;color:#2c4664;margin-top:22px}
.content input:not([type=checkbox]),.content select{font-family:'Segoe UI Variable','Segoe UI',Tahoma,Arial,sans-serif;font-size:16px;font-weight:400;min-height:55px;padding:14px 16px;border-radius:11px;background:#fff}
.content .check{font-size:12px;font-weight:400;color:#60748d;line-height:1.65}.content .check input{width:17px;height:17px;flex:0 0 17px}.content .row>a{font-size:12px;font-weight:600}
.content button,.content .button{font-size:15px;font-weight:600;min-height:53px;letter-spacing:.1px}.content form>button[type=submit]{margin-top:26px}
.content .hint{font-size:12px!important;color:#74859a!important;line-height:1.75;margin-top:19px!important}.content .back{font-size:13px}.content .notice{font-size:14px}.content .account small{font-size:12px}.panel footer{font-size:11px;color:#8190a4;line-height:1.8}.panel-top>a{font-size:12px}.workspace-label{font-size:11px}
html[dir=rtl] .content h2{letter-spacing:0;font-family:Tahoma,'Segoe UI',Arial,sans-serif}
@media(max-height:850px) and (min-width:821px){.content{padding:32px}.content:before{inset-inline-start:32px}.content h2{font-size:33px}.content>p{font-size:14px;margin-bottom:22px}.content label{margin-top:18px}.content input:not([type=checkbox]){min-height:51px}.content form>button[type=submit]{margin-top:22px}.brand img{max-height:76px}}
@media(max-width:1050px) and (min-width:821px){.content{padding:29px}.content h2{font-size:32px}.content .row{align-items:flex-start}.content .row .check{font-size:11px}.content .row>a{font-size:11px}}
@media(max-width:820px){.content{padding:32px 25px;max-width:520px;border-radius:19px}.content:before{inset-inline-start:25px}.content h2{font-size:32px;letter-spacing:-.7px}.content>p{font-size:14px}.content label{font-size:14px}.content input:not([type=checkbox]){font-size:16px;min-height:54px}.content .check,.content .row>a{font-size:12px}.content .row{gap:10px}.intro h1{font-size:22px}.brand img{max-height:70px}.content .hint{font-size:11px!important}}