:root{color:#1e293b;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.auth-shell{grid-template-columns:48% 52%;min-height:100vh;display:grid}.brand-panel{color:#fff;background:radial-gradient(at 20% 15%,#5247a2 0,#0000 55%),radial-gradient(at 95% 90%,#403478 0,#0000 60%),#222044;flex-direction:column;padding:44px 9%;display:flex;position:relative;overflow:hidden}.brand-panel:after{content:"";pointer-events:none;border:1px solid #ffffff09;border-radius:50%;width:480px;height:480px;position:absolute;top:220px;right:-260px}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:27px;font-weight:750;display:flex}.brand-mark{color:#252044;background:#a99cf4;border-radius:12px;place-items:center;width:40px;height:40px;font-size:26px;display:grid;position:relative}.brand-mark>span{font-size:9px;position:absolute;top:3px;right:5px}.brand-copy{margin:auto 0;padding:65px 0}.eyebrow{letter-spacing:2.2px;color:#bdb4eb;font-size:10px;font-weight:700;display:block}.brand-copy h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(36px,4.1vw,60px);line-height:1.15}.brand-copy h1 span{color:#b7a5ff}.brand-copy>p{color:#b6b4d1;max-width:360px;font-size:14px;line-height:1.9}.preview-card{background:#ffffff09;border:1px solid #ffffff1c;border-radius:18px;max-width:380px;margin-top:35px;padding:22px;box-shadow:0 20px 40px #12112424}.card-top{border-bottom:1px solid #ffffff10;align-items:center;gap:12px;padding-bottom:18px;display:flex}.card-top strong{font-size:12px;font-weight:600}.card-top small{color:#a9a6c4;margin-top:5px;font-size:10px;display:block}.card-icon{color:#d0c5ff;background:#6d5dac70;border-radius:10px;padding:10px;font-size:20px}.status-dot{background:#7fcdb1;border-radius:50%;width:7px;height:7px;margin-left:auto}.card-line{color:#cbc7e1;align-items:center;gap:12px;padding-top:17px;font-size:11px;display:flex}.line-icon{color:#ac9bdd;font-size:15px}.check{color:#94d3bb;margin-left:auto}.brand-panel footer{color:#9c98b9;font-size:10px;line-height:1.8}.form-panel{background:#fff;flex-direction:column;padding:40px 8%;display:flex}.top-links{color:#94a3b8;justify-content:flex-end;align-items:center;gap:10px;font-size:11px;display:flex}.top-links a{color:#6153b9;font-weight:700}.form-content{width:min(400px,100%);margin:auto;padding:48px 0}.role-tabs{background:#f3f4f9;border-radius:10px;margin-bottom:32px;padding:4px;display:flex}.role-tabs a{text-align:center;color:#8991a4;border-radius:7px;flex:1;padding:10px;font-size:12px;font-weight:600}.role-tabs a.selected{color:#5b4bb6;background:#fff;box-shadow:0 2px 8px #182b4908}.dark{color:#8d83b6}h2{letter-spacing:-1px;color:#28253c;margin:12px 0;font-size:31px}.subtitle{color:#94a3b8;margin:0 0 28px;font-size:13px;line-height:1.8}label{color:#566176;margin:19px 0 8px;font-size:12px;font-weight:600;display:block}input{color:#334155;background:#fcfcfe;border:1px solid #e2e5ed;border-radius:10px;outline:none;width:100%;padding:14px;font-size:13px}input:focus{border-color:#9785dd;box-shadow:0 0 0 3px #9c86de15}input::placeholder{color:#b0b7c7;font-size:12px}input[readonly]{color:#64748b;background:#f6f7fb}.password-field{position:relative}.password-field input{padding-right:66px}.password-field button{color:#8c84a7;background:0 0;border:0;padding:6px;font-size:10px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.account-help{color:#94a3b8;margin:16px 0 20px;font-size:10px;line-height:1.7}.primary{color:#fff;background:#6954bc;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:15px 19px;font-size:13px;font-weight:650;display:flex;box-shadow:0 5px 15px #6954bc20}.primary:hover{background:#5b48aa}.primary:disabled{opacity:.6;cursor:wait}.bottom-note{color:#a1a9ba;text-align:center;margin:24px 0 0;font-size:10px;line-height:1.8}.form-footer{text-align:center;color:#b0b7c5;margin-top:20px;font-size:10px}.invite-summary{color:#665c89;background:#f4f1ff;border:1px solid #e7defb;border-radius:11px;margin:20px 0;padding:16px;font-size:12px;line-height:1.8}.invite-summary strong{color:#554a7b}.invite-summary p{margin:8px 0 15px}#authMessage{color:#b45353;background:#fff0f0;border-radius:10px;margin:20px 0 0;padding:14px;font-size:12px;line-height:1.7}#authMessage.success{color:#278259;background:#e9f7f0}.mobile-brand{display:none}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #c4b5fd}@media (max-width:850px){.auth-shell{grid-template-columns:42% 58%}.brand-panel{padding:35px 8%}.brand-copy h1{font-size:38px}.preview-card{padding:16px}.form-panel{padding:32px 8%}}@media (max-width:650px){.auth-shell{display:block}.brand-panel{display:none}.form-panel{min-height:100vh;padding:25px}.form-content{padding:35px 0}.mobile-brand{color:#6654b9;margin-bottom:24px;font-size:26px;font-weight:800;display:block}.top-links{font-size:10px}.form-footer{margin-top:auto}h2{font-size:29px}.role-tabs{margin-bottom:27px}}.invitation-link{color:#7964b7;text-align:left;background:0 0;border:0;margin:0 0 12px;padding:0;font-size:11px}.brand .gazal-wordmark{width:158px;height:auto;display:block}.mobile-brand .gazal-wordmark{width:130px;height:auto}.auth-shell{grid-template-columns:minmax(0,48%) minmax(0,52%)}.brand-panel,.form-panel,.form-content{min-width:0}.top-links{flex-wrap:wrap;line-height:1.7}.top-links a,.invitation-link,.password-field button{align-items:center;min-height:44px;display:inline-flex}.primary{min-height:48px}.password-field button{justify-content:center;min-width:44px}.invite-summary,#authMessage,.subtitle{overflow-wrap:anywhere}input{min-width:0;font-size:16px}.form-panel{min-height:100svh}.form-content{max-width:100%}@media (max-width:900px){.auth-shell{grid-template-columns:1fr}.brand-panel{display:none}.form-panel{padding:28px clamp(20px,6vw,60px)}.mobile-brand{margin-bottom:28px;display:block}.form-content{width:min(440px,100%)}.top-links{justify-content:center}.form-footer{margin-top:auto}}@media (max-width:380px){.form-panel{padding:20px 18px}.top-links{gap:5px 10px}.form-content{padding:25px 0}h2{font-size:27px}.mobile-brand{margin-bottom:24px}.password-field input{padding-right:64px}}