.login-screen{background:var(--calix-bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex;position:relative;overflow-x:hidden}.login-bg-pattern{pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3csvg%20width='800'%20height='800'%20viewBox='0%200%20800%20800'%20xmlns='http://www.w3.org/2000/svg'%20role='presentation'%20focusable='false'%3e%3c!--%20top-right%20layered-work-card%20cluster%20--%3e%3cg%20stroke='%231E8FA1'%20stroke-opacity='0.14'%20fill='none'%20stroke-width='2'%3e%3crect%20x='600'%20y='40'%20width='170'%20height='110'%20rx='14'%20/%3e%3crect%20x='625'%20y='65'%20width='170'%20height='110'%20rx='14'%20/%3e%3crect%20x='650'%20y='90'%20width='170'%20height='110'%20rx='14'%20/%3e%3c/g%3e%3c!--%20bottom-left%20checklist%20/%20connecting-path%20cluster%20--%3e%3cg%20stroke='%231E8FA1'%20stroke-opacity='0.14'%20fill='none'%20stroke-width='2'%3e%3crect%20x='0'%20y='560'%20width='34'%20height='34'%20rx='6'%20/%3e%3cpath%20d='M10%20577%20l7%207%20l14%20-16'%20stroke-width='2.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3crect%20x='0'%20y='616'%20width='34'%20height='34'%20rx='6'%20/%3e%3crect%20x='0'%20y='672'%20width='34'%20height='34'%20rx='6'%20/%3e%3cpath%20d='M34%20577%20C%20100%20577,%20100%20616,%20150%20616'%20stroke-dasharray='4%206'%20/%3e%3cpath%20d='M34%20633%20C%2090%20633,%2090%20672,%20140%20672'%20stroke-dasharray='4%206'%20/%3e%3c/g%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.login-card{z-index:1;background:var(--calix-surface);border:1px solid #0e1b2e14;border-radius:20px;flex-direction:column;gap:18px;width:100%;max-width:400px;padding:32px 24px 28px;display:flex;position:relative;box-shadow:0 2px 4px #0e1b2e0d,0 12px 28px #0e1b2e14}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.login-logo{width:205px;height:auto;display:block}.login-core-line{color:var(--calix-muted-text);font-size:.86rem;font-weight:400;line-height:1.4}.login-heading-block{text-align:center;flex-direction:column;gap:6px;display:flex}.login-heading{color:var(--calix-primary-dark);margin:0;font-size:1.5rem;font-weight:700}.login-subcopy{color:var(--calix-muted-text);margin:0;font-size:.85rem;line-height:1.5}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:var(--calix-primary-dark);font-size:.82rem;font-weight:600;line-height:1.3}.login-input-wrap{background:var(--calix-surface);width:100%;min-height:52px;color:var(--calix-muted-text);border:1px solid #0e1b2e1f;border-radius:12px;align-items:center;gap:10px;padding:0 14px;transition:border-color .12s,box-shadow .12s;display:flex}.login-input-wrap:focus-within{border-color:#177a89;box-shadow:0 0 0 3px #177a891f}.login-input-wrap--disabled{opacity:.6;background:var(--calix-bg);cursor:not-allowed}.login-input-wrap--disabled .login-password-toggle{cursor:not-allowed}.login-input-wrap input{min-width:0;color:var(--calix-primary-dark);background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:1rem}.login-input-wrap input:disabled{cursor:not-allowed}.login-input-wrap input:-webkit-autofill{-webkit-text-fill-color:var(--calix-primary-dark);-webkit-box-shadow:0 0 0 1000px var(--calix-surface) inset;box-shadow:0 0 0 1000px var(--calix-surface) inset;transition:background-color 9999s ease-in-out}.login-input-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:var(--calix-primary-dark);-webkit-box-shadow:0 0 0 1000px var(--calix-surface) inset;box-shadow:0 0 0 1000px var(--calix-surface) inset;transition:background-color 9999s ease-in-out}.login-input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:var(--calix-primary-dark);-webkit-box-shadow:0 0 0 1000px var(--calix-surface) inset;box-shadow:0 0 0 1000px var(--calix-surface) inset;transition:background-color 9999s ease-in-out}.login-password-toggle{min-width:44px;min-height:44px;color:var(--calix-muted-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:0 4px;font-size:.82rem;font-weight:600;display:flex}.login-password-toggle:hover{color:var(--calix-primary-dark)}.login-password-toggle:disabled{opacity:.5;cursor:not-allowed}.login-password-toggle:focus-visible{outline:2px solid var(--calix-primary-dark);outline-offset:2px}.login-mode-switch{justify-content:center;gap:16px;margin-top:-4px;display:flex}.login-link-btn{color:#177a89;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-height:44px;padding:0 4px;font-size:.82rem;font-weight:600;display:inline-flex}.login-link-btn:hover{text-decoration:underline}.login-link-btn:focus-visible{outline:2px solid var(--calix-primary-dark);outline-offset:2px}.login-error{color:#991b1b;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;font-size:.88rem;font-weight:500;line-height:1.4}.login-submit-btn{width:100%;color:var(--calix-surface);cursor:pointer;background:#177a89;border:none;border-radius:14px;padding:16px;font-size:1rem;font-weight:700;transition:background .12s}.login-submit-btn:active{background:#146370}.login-submit-btn:disabled{opacity:.55;cursor:not-allowed}.login-submit-btn:focus-visible{outline:2px solid var(--calix-primary-dark);outline-offset:2px}.login-reassurance{color:var(--calix-muted-text);text-align:center;justify-content:center;align-items:center;gap:8px;font-size:.76rem;display:flex}.login-reassurance svg{color:#177a89;flex-shrink:0}@media (width<=360px){.login-card{gap:16px;padding:24px 18px 22px}.login-heading{font-size:1.32rem}.login-logo{width:185px}}@media (height<=700px){.login-screen{align-items:flex-start;padding-top:16px}}