/* Dental Bridge — auth pages (login / signup) */
.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--bg);}
.auth .brandside{background:linear-gradient(150deg,var(--accent-ink),#0E2A2A);color:#fff;padding:52px;display:flex;flex-direction:column;position:relative;overflow:hidden;}
.auth .brandside:after{content:"";position:absolute;right:-90px;bottom:-120px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.06);}
.auth .blogo{display:flex;align-items:center;gap:11px;position:relative;}
.auth .blogo .l{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:20px;}
.auth .blogo b{color:#fff;font-size:19px;}
.auth .brandside h1{color:#fff;font-size:34px;max-width:430px;margin-top:auto;position:relative;}
.auth .brandside .bp{color:#bfe4e0;max-width:400px;margin-top:14px;position:relative;}
.auth .pts{margin-top:28px;display:flex;flex-direction:column;gap:13px;position:relative;}
.auth .pt{display:flex;gap:10px;color:#dff3f1;font-size:14.5px;align-items:center;}
.auth .pt svg{flex:none;color:#8fd8d1;}

.auth .formside{display:grid;place-items:center;padding:40px 24px;position:relative;}
.back-home{position:absolute;top:22px;right:26px;font-size:13.5px;color:var(--muted);font-weight:600;}
.back-home:hover{color:var(--accent-ink);}
.fbox{width:100%;max-width:392px;}
.fbox h2{font-size:26px;margin-bottom:4px;}
.fbox .sub{color:var(--muted);margin-bottom:22px;font-size:15px;}
.seg{display:flex;background:var(--bg-alt);border:1px solid var(--border);border-radius:11px;padding:4px;margin-bottom:24px;}
.seg a{flex:1;text-align:center;padding:10px;border-radius:8px;font-weight:600;font-size:14px;color:var(--muted);}
.seg a.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);}
.field{margin-bottom:14px;}
.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:6px;}
.field input{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:12px 13px;font-size:14px;color:var(--text);outline:none;}
.field input:focus{border-color:var(--accent);}
.frow{display:flex;justify-content:space-between;align-items:center;margin:4px 0 18px;font-size:13px;color:var(--muted);}
.frow a{color:var(--accent-ink);font-weight:600;}
.frow label{display:flex;align-items:center;gap:7px;cursor:pointer;}
.frow input{accent-color:var(--accent);width:15px;height:15px;}
.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12.5px;margin:20px 0;}
.divider:before,.divider:after{content:"";height:1px;background:var(--border);flex:1;}
.social-btns{display:flex;gap:10px;}
.social-btns .btn{flex:1;justify-content:center;}
.foot-note{text-align:center;color:var(--muted);font-size:13px;margin-top:20px;}
.foot-note a{color:var(--accent-ink);font-weight:600;}
.btn.block{width:100%;justify-content:center;padding:13px;font-size:15px;}
.auth-error{background:var(--coral-soft,#ffe6e0);border:1px solid var(--coral,#FF7A66);color:var(--coral-ink,#9a2f1c);border-radius:11px;padding:11px 14px;font-size:14px;margin-bottom:18px;}
.auth-note{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-ink);border-radius:11px;padding:11px 14px;font-size:14px;margin-bottom:18px;}
@media (max-width:820px){.auth{grid-template-columns:1fr;} .auth .brandside{display:none;} .auth .formside{min-height:100vh;}}