@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--lime:#c0f28a;--ink:#111b19}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;font-family:'DM Sans',sans-serif;background:#f5f6f0;color:var(--ink)}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #739c49;outline-offset:4px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.story{background:var(--ink);color:#f3f5ed;padding:40px 55px;display:flex;flex-direction:column;overflow:hidden}.brand{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1px;font-weight:800;display:flex;gap:10px;align-items:center}.brand-x{color:var(--lime);margin-left:-10px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--lime);color:var(--ink);font-size:24px;letter-spacing:-3px;padding-right:3px}.story-body{margin:auto 0;padding:60px 0 35px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#557b37;margin:0 0 23px}.story .eyebrow{color:var(--lime)}h1,h2{font-family:Manrope,sans-serif}h1{font-size:clamp(40px,4vw,60px);line-height:1.14;letter-spacing:-2px;font-weight:500;margin:0 0 22px}em{color:var(--lime);font-style:normal}.story-body>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#aab9ad}.story img{width:100%;max-height:310px;object-fit:contain;display:block;margin-top:10px}.story-tags{display:flex;gap:26px;font-size:8px;letter-spacing:2px;color:#aab9ad;justify-content:center;margin-top:12px}.back-link{font-size:11px;color:#b2c2b5}.form-side{padding:45px 60px 25px;display:flex;flex-direction:column;justify-content:center;min-width:0}.form-content{width:100%;max-width:380px;margin:auto}h2{font-size:36px;line-height:1.2;font-weight:600;letter-spacing:-1.2px;margin:0 0 13px}.subtitle{font-size:14px;line-height:1.8;color:#6a776b;margin:0 0 35px}form label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}input{height:50px;width:100%;padding:0 14px;border:1px solid #ccd3c6;background:#fff;border-radius:6px;color:var(--ink);font-size:13px}input::placeholder{color:#889184}.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:24px;margin-bottom:10px}.password-label label{margin:0}.text-button{background:none;border:0;padding:0;color:#526e39;font-size:11px;font-weight:600}.text-button:hover{text-decoration:underline}.password-field{position:relative}.password-field input{padding-right:63px}.password-field button{position:absolute;right:14px;top:17px;background:none;border:0;color:#64755b;font-size:11px;padding:0}.button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 19px;border:0;border-radius:6px;background:var(--ink);color:#f3f5ed;font-size:13px;font-weight:600;margin-top:27px}.button:hover{background:#29412b}.button span{font-size:20px;color:var(--lime)}.message{border:1px solid #ddb7a4;background:#fff1e8;border-radius:6px;color:#8a3c21;padding:13px 14px;font-size:12px;line-height:1.6;margin:17px 0 0}.back-to-login{margin-top:23px}.help{border-top:1px solid #dce1d4;margin-top:36px;padding-top:22px;font-size:11px;color:#75806e}.help p{margin:0 0 9px}.help a{font-weight:600;color:#526e39}.form-side footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#7b8774;margin-top:50px}.mobile-brand{display:none}.mobile-brand .brand-x{color:#668e40}@media(max-width:1000px){.story{padding:35px}.form-side{padding:40px}.story-body{padding-block:45px}h1{font-size:45px}}@media(max-width:700px){.login-shell{grid-template-columns:1fr}.story{display:none}.form-side{min-height:100svh;padding:30px 25px}.mobile-brand{display:block;margin-bottom:55px}.form-content{max-width:420px;padding-bottom:40px}h2{font-size:33px}.form-side footer{margin-top:30px}.subtitle{margin-bottom:28px}}
/* Premium optical technology identity */
:root{--lime:#a9bcff;--ink:#090d17}body{background:#0d121e;color:#e9efff}.story{background:radial-gradient(ellipse at 55% 55%,#35306230,transparent 65%),#080b14;border-right:1px solid #ffffff0c}.brand{font-weight:700}.brand-symbol{width:38px;height:38px;display:block}.brand-x{color:#aabaff}.story .brand{gap:10px}.story .eyebrow,.eyebrow{color:#9aaeff}.story h1 em{background:linear-gradient(100deg,#eef3ff,#a8c2ff,#a694ff);background-clip:text;-webkit-background-clip:text;color:transparent}.story-body>p:not(.eyebrow),.story-tags{color:#94a1b9}.story img{mix-blend-mode:screen;max-height:330px}.back-link{color:#92a1bd}.form-side{background:radial-gradient(ellipse at 80% 0,#3d2c741c,transparent 60%),#0d121e}.subtitle{color:#94a0b8}input{background:#121a2a;border-color:#ffffff15;color:#eaf0ff}input::placeholder{color:#64728c}.text-button,.help a{color:#a6b6ff}.password-field button{color:#9eacc5}.button{background:linear-gradient(110deg,#a5b8ff,#8c79ef);color:#090d17;box-shadow:0 6px 24px #6851df18}.button span{color:#111729}.button:hover{background:linear-gradient(110deg,#becbff,#a492ff)}.help{border-color:#ffffff0e;color:#7f8ea9}.form-side footer{color:#72829b}.message{background:#b86b6b12;border-color:#c7858530;color:#efb5b5}.mobile-brand .brand-x{color:#aabaff}.mobile-brand .brand{gap:10px}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#9abaff}

.story .brand-symbol,.mobile-brand .brand-symbol{width:38px;height:38px;max-height:none;margin:0;object-fit:contain;mix-blend-mode:normal;flex-shrink:0}

.story-body>img{mask-image:radial-gradient(ellipse at center,#000 48%,transparent 79%);-webkit-mask-image:radial-gradient(ellipse at center,#000 48%,transparent 79%)}

.form-side{background:#f6f8ff;color:#19233c}.form-side .eyebrow{color:#6b53b2}.subtitle{color:#60708c}input{background:#fff;border-color:#d6deed;color:#19233c}input::placeholder{color:#7b88a0}.text-button,.help a{color:#6850b0}.password-field button{color:#64718a}.help{border-color:#dce2ef;color:#697891}.form-side footer{color:#697891}.message{background:#fff0f0;border-color:#e5bbbb;color:#963d3d}