.friendly-auth{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 12% 18%,#226cea0c,transparent 52%),radial-gradient(ellipse at 90% 85%,#01b37d0d,transparent 52%),#f7fafc;padding:36px 20px}
.friendly-auth .auth-brand{margin-bottom:24px}.friendly-auth-card{max-width:480px;padding:32px 38px;border-color:#e5edf3;box-shadow:0 12px 56px #2249670b}
.auth-welcome-mark{width:46px;height:46px;display:grid;place-content:center;grid-auto-flow:column;border-radius:14px;color:#226cea;background:#edf5ff;font-size:25px;font-weight:750;margin-bottom:20px}.auth-welcome-mark span{color:#00956a}
.friendly-auth-card .eyebrow{font-size:9px;letter-spacing:1.2px;color:#74899d}.friendly-auth-card h1{margin-top:10px;font-size:29px;letter-spacing:-.7px;color:#1f344a}.friendly-auth-card>p{color:#63778b;font-size:14px;margin:10px 0 23px;line-height:1.6}
.device-login-tabs{display:flex;gap:4px;padding:4px;background:#f0f4f8;border-radius:12px;margin-bottom:23px}.device-login-tabs button{flex:1;min-height:40px;border:0;background:transparent;color:#617488;border-radius:9px;font:inherit;font-size:13px;cursor:pointer}.device-login-tabs button[aria-pressed=true]{background:#fff;color:#1c5eba;box-shadow:0 2px 6px #1836500b;font-weight:650}
.friendly-auth-card form{gap:13px}.friendly-auth-card .field{color:#344b61;font-size:13px}.friendly-auth-card input:not([type=checkbox]){height:48px;font-size:15px;border-radius:10px;background:#fff}.friendly-auth-card .password-control{margin-top:-7px}.friendly-auth-card .password-control input{width:100%;padding-right:80px}.friendly-auth-card .password-toggle{font-size:12px;min-height:44px}.friendly-auth-card .button{min-height:48px;font-size:14px;border-radius:11px;gap:12px}
.device-remember{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.5;cursor:pointer;padding:5px 0}.device-remember input[type=checkbox]{height:18px;width:18px;flex:0 0 18px;margin:2px 0 0;accent-color:#226cea}.device-remember strong{display:block;font-weight:550;color:#344b61}.device-remember small{display:block;font-size:11px;color:#718397;line-height:1.5;margin-top:2px}.device-pin-option{border-top:1px solid #edf1f5;padding-top:13px}.friendly-auth-card .device-help{font-size:11px;text-align:center;line-height:1.7;color:#73869a;margin:22px 0 0}
.device-info{font-size:13px;line-height:1.6;background:#eef6ff;color:#345b84;border-radius:10px;padding:12px;margin:0 0 15px}.device-pin-input{letter-spacing:12px;font-size:25px!important;text-align:center;padding-left:24px!important}.device-pin-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.device-pin-pair input{font-size:16px;width:100%;min-width:0;height:48px}.device-pin-pair .field{min-width:0}
.device-qr-panel{text-align:center;font-size:13px;color:#63778b;line-height:1.6}.device-qr-panel>p{margin-bottom:16px}.device-qr-panel .device-remember{text-align:left;margin-bottom:16px}.device-qr-panel [data-device-qr]{display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px 0;min-height:80px}.device-qr-image{width:240px;height:auto;aspect-ratio:1;max-width:100%;border:1px solid #e7edf3;border-radius:12px}.device-comparison{display:block;font-size:18px;font-weight:650;letter-spacing:1px;color:#294b6a;margin:12px 0}.device-qr-panel small{font-size:11px;max-width:260px}.friendly-auth-card [hidden]{display:none}.friendly-auth-card :focus-visible{outline:3px solid #87b8ff;outline-offset:3px}.friendly-auth-card .error-message{font-size:12px;line-height:1.6;margin:0}
html[data-theme=dark] .friendly-auth{background:#101c29}html[data-theme=dark] .friendly-auth-card{background:#192838;border-color:#2c4055}html[data-theme=dark] .friendly-auth-card h1,html[data-theme=dark] .device-remember strong,html[data-theme=dark] .friendly-auth-card .field,html[data-theme=dark] .device-comparison{color:#e3edf7}html[data-theme=dark] .device-login-tabs{background:#101c29}html[data-theme=dark] .device-login-tabs button[aria-pressed=true],html[data-theme=dark] .friendly-auth-card input:not([type=checkbox]){background:#23374b;color:#e5edf6}html[data-theme=dark] .device-info{background:#23374b;color:#c2d9f2}
@media(max-width:520px){.friendly-auth{padding:24px 16px;justify-content:flex-start}.friendly-auth-card{padding:26px 23px;border-radius:18px}.friendly-auth-card h1{font-size:27px}.friendly-auth-card input:not([type=checkbox]){font-size:16px}.friendly-auth .auth-brand{margin-bottom:20px}.device-pin-pair{gap:12px}.device-pin-input{letter-spacing:8px}.friendly-auth-card .eyebrow{font-size:8px;letter-spacing:.9px}}
@media(prefers-reduced-motion:reduce){.friendly-auth *{scroll-behavior:auto!important;transition:none!important}}

.friendly-auth.workspace-auth{display:grid;grid-template-columns:minmax(0,600px) minmax(0,480px);align-items:stretch;justify-content:center;gap:clamp(28px,4vw,64px);padding:clamp(24px,4vw,60px)}
.workspace-auth-main{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.workspace-auth .friendly-auth-card{max-width:480px}.workspace-auth-symbol{display:block;width:32px;height:32px;object-fit:contain}
.workspace-login-banner{--team-ink:#173d42;--team-accent:#009d80;--team-muted:#617c7e;position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:640px;display:flex;flex-direction:column;gap:32px;padding:clamp(28px,4vw,56px);border:1px solid #d8e9e8;border-radius:28px;color:var(--team-ink);background:radial-gradient(ellipse at 0% 0%,#dceeff 0,transparent 62%),radial-gradient(ellipse at 100% 100%,#c8f1dd 0,transparent 65%),#eef7f6}
.workspace-login-banner::after{content:"";position:absolute;z-index:-1;width:360px;height:360px;right:-200px;bottom:-135px;border:1px solid #009d801a;border-radius:50%;box-shadow:0 0 0 42px #009d8006,0 0 0 84px #009d8005;pointer-events:none}
.workspace-login-banner-brand{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.workspace-login-banner-brand img{display:block;width:min(300px,100%);height:auto;object-fit:contain}.workspace-login-banner-brand>span{font-size:12px;color:var(--team-muted);letter-spacing:.2px}
.workspace-login-banner-copy{flex:1;display:flex;align-items:center;min-height:390px}.workspace-login-banner-message{width:100%;animation:workspace-team-reveal .48s ease-out both}.workspace-login-banner-eyebrow{display:block;margin-bottom:24px;font-size:10px;line-height:1.5;font-weight:650;letter-spacing:1.7px;color:var(--team-muted)}
.workspace-login-banner h2{margin:0;font-size:clamp(34px,3.7vw,54px);line-height:1.08;font-weight:700;letter-spacing:-1.7px;color:var(--team-ink);overflow-wrap:break-word}.workspace-login-banner h2 span{display:block}.workspace-login-banner h2 .workspace-login-banner-accent{color:var(--team-accent)}
.workspace-login-banner-message>p{max-width:370px;margin:24px 0 0;font-size:16px;line-height:1.7;color:var(--team-muted)}.workspace-login-banner-wish{display:block;max-width:370px;margin-top:26px;font-size:13px;line-height:1.65;font-weight:600;color:var(--team-ink)}
.workspace-login-banner-dots{display:flex;gap:4px;align-items:center}.workspace-login-banner-dots button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.workspace-login-banner-dots button>span{display:block;width:8px;height:8px;border-radius:12px;background:#8eb4af}.workspace-login-banner-dots button[aria-pressed=true]>span{width:26px;background:var(--team-accent)}.workspace-login-banner-dots button:focus-visible{outline:3px solid #226cea;outline-offset:2px}
@keyframes workspace-team-reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.friendly-auth.workspace-auth{grid-template-columns:minmax(0,560px);gap:24px;padding:24px 18px}.workspace-login-banner{min-height:0;padding:28px;gap:20px;border-radius:22px}.workspace-login-banner-brand img{width:min(230px,100%)}.workspace-login-banner-brand>span{font-size:11px}.workspace-login-banner-copy{min-height:210px}.workspace-login-banner-eyebrow{margin-bottom:14px;font-size:9px}.workspace-login-banner h2{font-size:clamp(28px,5.5vw,40px);line-height:1.15;letter-spacing:-.8px}.workspace-login-banner h2 span{display:inline}.workspace-login-banner h2 span+span::before{content:" "}.workspace-login-banner-message>p{max-width:none;margin-top:16px;font-size:14px;line-height:1.6}.workspace-login-banner-wish{max-width:none;margin-top:16px;font-size:12px}.workspace-auth .friendly-auth-card{max-width:none}.workspace-auth .auth-footer{margin-top:20px;text-align:center}}
@media(max-width:380px){.friendly-auth.workspace-auth{padding:16px 12px;gap:18px}.workspace-login-banner{padding:22px}.workspace-login-banner-copy{min-height:245px}.workspace-auth .friendly-auth-card{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){.workspace-login-banner-message{animation:none!important}}