.demo-shell{max-width:1240px;margin:auto;padding:64px 28px 80px}.demo-intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.55fr);gap:34px;align-items:end;margin-bottom:38px}.demo-intro h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:.98;max-width:900px;margin:10px 0 20px}.demo-intro p{font-size:1.08rem;line-height:1.7;max-width:780px;color:var(--muted)}.demo-note{background:var(--ink);color:#fff;border-radius:22px;padding:24px;display:grid;gap:8px}.demo-note b{color:var(--orange);font-size:1.05rem}.demo-note span{line-height:1.55;color:#d8e2de}.role-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role-choice{min-height:430px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;display:flex;flex-direction:column;box-shadow:0 18px 44px rgba(14,39,34,.08)}.role-choice .role-number{font-size:.8rem;letter-spacing:.12em;color:var(--muted);margin-bottom:54px}.role-choice small{font-weight:800;letter-spacing:.12em;color:var(--orange)}.role-choice h2{font-size:1.75rem;margin:7px 0 16px}.role-choice p{color:var(--muted);line-height:1.55}.role-choice ul{padding-left:18px;line-height:1.85;margin:16px 0 28px}.role-link{display:block;text-align:center;text-decoration:none;margin-top:auto}.customer-role{border-top:5px solid #ff6b35}.contractor-role{border-top:5px solid #168777}.admin-role{border-top:5px solid #e3b341}.demo-actions{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.demo-actions h2{margin:6px 0}.demo-actions p{margin:0;color:var(--muted)}.demo-actions>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.auth-body{min-height:100vh}.auth-shell{max-width:1060px;margin:70px auto;padding:0 24px;display:grid;grid-template-columns:1fr .8fr;gap:22px}.auth-card,.auth-side{border-radius:26px;padding:38px}.auth-card{background:#fff;border:1px solid var(--line);box-shadow:0 18px 44px rgba(14,39,34,.08)}.auth-card h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1;margin:10px 0 18px}.auth-card>p{color:var(--muted);line-height:1.65}.auth-card form{display:grid;gap:16px;margin:28px 0}.auth-card label{display:grid;gap:8px;font-weight:700}.auth-card input{padding:15px;border:1px solid var(--line);border-radius:12px;font:inherit}.auth-status{padding:14px;border-radius:12px;background:#f2f5f4;line-height:1.5}.auth-status[data-state="success"]{background:#e7f6f0;color:#075c48}.auth-status[data-state="error"]{background:#fff0ed;color:#9d2e16}.auth-links{display:flex;justify-content:space-between;gap:14px;margin-top:18px}.auth-links a{color:var(--ink);font-weight:700}.auth-side{background:var(--ink);color:#fff}.auth-side h2{font-size:2rem}.auth-side ol{padding-left:20px;line-height:2}.auth-side small{display:block;color:#d8e2de;line-height:1.6;margin-top:28px}@media(max-width:900px){.demo-intro,.auth-shell{grid-template-columns:1fr}.role-choices{grid-template-columns:1fr}.role-choice{min-height:auto}.role-choice .role-number{margin-bottom:22px}.demo-actions{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.demo-shell{padding:38px 16px 56px}.demo-intro h1{font-size:2.55rem}.role-choice,.auth-card,.auth-side{padding:22px}}