@font-face{font-family:Manrope;src:url('/fonts/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-bold.ttf') format('truetype');font-weight:700 800;font-display:swap}
:root{color-scheme:light;--ink:#1d1d1f;--muted:#64646a;--blue:#0068d7;--line:#e4e4e9;--canvas:#f5f5f7;--radius:26px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 8% 40%,#edf2fa 0,transparent 50%),radial-gradient(ellipse at 95% 5%,#fff 0,transparent 55%),var(--canvas);color:var(--ink);font:400 14px/1.6 Manrope,sans-serif;min-height:100svh;display:flex;flex-direction:column}
button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--blue);text-decoration:none}button:disabled{cursor:wait;opacity:.65}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #2689ef;outline-offset:4px}button{touch-action:manipulation}button:disabled svg{opacity:.4}
.header{width:min(1360px,100%);padding:34px 64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:700;font-size:16px;line-height:1.3}.symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--ink);color:#fff;font-size:28px;letter-spacing:-3px;padding-right:3px}.brand-sub{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}.header-note{color:var(--muted);font-size:12px}
.login-layout{width:min(1232px,100%);padding:54px 64px 76px;margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(350px,1fr);align-items:center;gap:70px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#5e6168;font-size:10px;font-weight:700;letter-spacing:1.5px}.blue-dot{width:6px;height:6px;background:var(--blue);border-radius:50%}h1{font-size:clamp(38px,4.2vw,58px);font-weight:700;line-height:1.12;letter-spacing:-2.8px;margin:25px 0 26px;text-wrap:balance}h1>span{color:#77777e}.lead{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.material-preview{margin-top:42px;padding:18px 0;display:flex;align-items:center;gap:15px;border-top:1px solid #dcdfe5;max-width:410px}.preview-icon{height:44px;width:44px;flex-shrink:0;background:#fff;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;color:var(--blue)}.material-preview strong{font-size:12px;font-weight:600}.material-preview p{font-size:11px;color:var(--muted);margin:3px 0 0}.preview-arrow{margin-left:auto;color:var(--muted);font-size:20px}
.access-card{background:rgba(255,255,255,.92);border:1px solid #fff;border-radius:var(--radius);padding:36px;box-shadow:0 20px 50px -20px #1d32551c,0 2px 8px #1d325506}.card-icon{display:grid;place-items:center;background:#f2f5fa;color:var(--blue);width:48px;height:48px;border-radius:14px;margin-bottom:24px}.card-eyebrow{font-size:9px;letter-spacing:1.3px;margin:0 0 8px}h2{font-size:28px;font-weight:700;letter-spacing:-1px;line-height:1.25;margin:0 0 12px}.card-description{font-size:13px;color:var(--muted);line-height:1.7;margin:0;min-height:44px}.steps{padding:0;list-style:none;display:flex;gap:25px;margin:26px 0 27px;padding-bottom:22px;border-bottom:1px solid var(--line)}.steps li{display:flex;align-items:center;gap:8px;color:#68686f;font-size:11px}.steps li>span{height:22px;width:22px;display:grid;place-items:center;border-radius:50%;background:#f1f1f4;font-size:10px;font-weight:700}.steps [aria-current]{color:var(--blue);font-weight:600}.steps [aria-current]>span{background:#eaf2ff;color:var(--blue)}
label{display:block;font-size:12px;font-weight:600;margin:0 0 8px}.password-field{display:flex;align-items:center;border:1px solid #ceced5;background:#fbfbfc;border-radius:12px;min-height:52px;transition:border-color .15s,box-shadow .15s}.password-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0068d710}.password-field:has([aria-invalid=true]){border-color:#b42318}.password-field input{border:0;background:transparent;min-width:0;width:100%;padding:14px 0 14px 15px;font-size:15px;letter-spacing:.5px;border-radius:12px;color:var(--ink)}.password-field input::placeholder{color:#85858e;letter-spacing:.2px;font-size:13px}.password-field input:focus-visible{outline:0}.eye{flex-shrink:0;height:48px;width:48px;display:grid;place-items:center;background:transparent;color:#75757c;border:0;border-radius:10px}.eye svg{width:19px;height:19px}.eye:hover{color:var(--ink);background:#f0f0f4}.eye .slash{display:none}.eye[aria-pressed=true] .slash{display:block}.field-help{font-size:10px;color:var(--muted);margin:9px 0 23px;line-height:1.6}.primary{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:50px;background:var(--blue);border:1px solid transparent;border-radius:12px;color:#fff;font-size:12px;font-weight:600;transition:background .15s,transform .15s}.primary:hover{background:#005ab9}.primary:active{transform:scale(.99)}.primary svg{width:17px;height:17px}.error{color:#a31e15;font-size:12px;line-height:1.7;margin:14px 0 0}.error:empty{display:none}.card-bottom{display:flex;gap:7px;align-items:center;justify-content:center;margin-top:24px;color:var(--muted);font-size:9px}.card-bottom svg{height:14px;width:14px;flex-shrink:0}.validated{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f1f7f3;border-radius:10px;margin-bottom:22px}.validated>span{display:flex;align-items:center;gap:6px;color:#276147;font-size:11px;font-weight:600}.validated svg{width:18px;height:18px}.text-button{border:0;background:none;color:var(--blue);font-size:11px;padding:8px;min-height:36px}.footer{width:min(1360px,100%);margin:0 auto;padding:25px 64px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);border-top:1px solid #e3e4e9}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:10px;left:16px;padding:10px 16px;background:#fff;border:2px solid var(--blue);border-radius:8px;transform:translateY(-180%);z-index:2}.skip:focus{transform:none}[hidden]{display:none!important}.single-layout{width:min(100%,480px);padding:40px 20px;margin:auto}.single-layout .access-card{width:100%}
.admin-main{width:min(1280px,100%);padding:32px 64px 70px;margin:0 auto;flex:1}.admin-heading{display:flex;gap:24px;align-items:end;justify-content:space-between;margin-bottom:32px}.admin-heading h1{font-size:40px;letter-spacing:-1.8px;margin:10px 0}.admin-heading p{color:var(--muted);font-size:13px;margin:0}.secondary{border:1px solid #d0d0d8;background:#fff;color:var(--ink);border-radius:10px;padding:11px 16px;min-height:44px;font-size:11px;font-weight:600;display:inline-flex;gap:8px;align-items:center;justify-content:center}.secondary:hover{background:#f0f2f5}.admin-toolbar{display:flex;gap:20px;align-items:center;margin:0 0 28px}.admin-toolbar label{margin:0}.admin-toolbar input{border:1px solid #d0d0d8;border-radius:10px;padding:12px 14px;min-width:260px;background:#fff}.admin-count{font-size:12px;color:var(--muted)}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.client-card{border:1px solid #e4e5eb;background:#fff;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px}.client-card h2{font-size:19px;letter-spacing:-.5px;line-height:1.4;margin:0}.client-card p{font-size:12px;color:var(--muted);margin:0}.client-card .badge{align-self:start;border-radius:7px;background:#edf5ef;color:#285b3c;font-size:10px;padding:4px 8px}.client-card .badge.pending{background:#f3f3f6;color:#63636d}.client-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:8px}.client-links .primary{grid-column:1/-1;min-height:44px}.client-links a{font-size:10px}.enroll label{margin-top:14px}.enroll input{width:100%;border:1px solid #d0d0d8;border-radius:9px;padding:11px;min-height:44px}.enroll button{margin-top:14px}.enroll summary{color:var(--blue);cursor:pointer;font-size:12px;min-height:40px;padding:9px 0}.enroll .error{margin-top:10px}
@media(max-width:1000px){.header{padding:28px 36px}.login-layout{padding:40px 36px 60px;gap:40px;grid-template-columns:minmax(0,1fr) minmax(330px,1fr)}h1{font-size:45px;letter-spacing:-2px}.lead{font-size:14px}.access-card{padding:30px}.footer{padding:24px 36px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main{padding:26px 36px 60px}}
@media(max-width:720px){.header{padding:24px}.header-note{display:none}.login-layout{display:flex;flex-direction:column;align-items:stretch;padding:26px 24px 44px;margin:0 auto;gap:30px;max-width:480px}.intro .eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:39px;letter-spacing:-1.9px;margin:16px 0 16px;line-height:1.14}.intro h1{max-width:380px}.lead{font-size:13px;line-height:1.8}.desktop-break,.material-preview{display:none}.access-card{padding:28px 24px;border-radius:22px}.card-icon{width:42px;height:42px;margin-bottom:20px}.card-description{min-height:auto}.footer{padding:22px 24px;flex-direction:column;gap:5px;font-size:9px}.steps{margin:22px 0;padding-bottom:19px}h2{font-size:26px}.card-bottom{font-size:8px}.admin-main{padding:22px 24px 40px}.admin-heading{align-items:start;flex-direction:column}.admin-heading h1{font-size:34px}.admin-toolbar{align-items:stretch;flex-direction:column;gap:8px}.admin-toolbar input{min-width:0;width:100%}.client-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
