:root{color-scheme:light;--bg: #f5efe5;--bg-strong: #d8c29d;--surface: rgba(255, 250, 242, .84);--surface-strong: #fff8ee;--surface-dark: #1f2a1f;--text: #1d1a14;--muted: #65594b;--line: rgba(70, 53, 35, .12);--accent: #ca5d2f;--accent-strong: #a94820;--success: #2f7d4e;--warning: #d9911a;--shadow: 0 18px 70px rgba(70, 44, 16, .12);font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(202,93,47,.24),transparent 24%),radial-gradient(circle at top right,rgba(47,125,78,.16),transparent 20%),linear-gradient(180deg,#f7f0e8,#efe4d2)}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{min-height:100vh}.hero{padding:28px clamp(20px,4vw,64px) 48px}.topbar,.hero-grid,.section,.dashboard-grid,.registration-layout,.providers-grid{max-width:1240px;margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:44px}.brand{display:flex;gap:14px;align-items:center}.brand p,.muted,.section-heading p,.provider-card p,.support-note,.status-box,.request-item p{color:var(--muted)}.brand-mark{width:48px;height:48px;border-radius:16px;display:inline-flex;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-weight:700;color:#fff8f0;background:linear-gradient(135deg,#1f2a1f,#ca5d2f);box-shadow:var(--shadow)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.hero-copy h1,.section-heading h2,.provider-card h3,.panel h3{font-family:Space Grotesk,sans-serif}.hero-copy h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:.98;max-width:11ch;margin:14px 0 16px}.hero-copy p{max-width:60ch;font-size:1.04rem;line-height:1.65}.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;color:var(--accent-strong);background:#ca5d2f1f;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:700}.hero-actions,.hero-badges,.form-actions,.filter-row,.tag-row{display:flex;gap:12px;flex-wrap:wrap}.hero-actions{margin:28px 0 18px}.primary-button,.secondary-button,.ghost-button,.role-pill,.chip{border:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button,.secondary-button,.ghost-button{padding:14px 20px;border-radius:16px;font-weight:700}.primary-button{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 16px 30px #ca5d2f38}.secondary-button,.ghost-button,.role-pill,.chip{background:#fff8eee0;border:1px solid var(--line)}.hero-badges span,.tag,.provider-role,.availability,.request-status{padding:8px 12px;border-radius:999px;font-size:.82rem}.hero-badges span,.tag{background:#1f2a1f14}.hero-card,.registration-form,.role-switch,.provider-card,.panel,.ride-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--surface);border:1px solid rgba(255,255,255,.45);box-shadow:var(--shadow)}.hero-card{border-radius:32px;padding:24px}.ride-card{padding:22px;border-radius:28px;background:linear-gradient(135deg,#1f2a1ff5,#372c1fe6),var(--surface-dark);color:#fff7ef}.ride-card-top,.provider-head,.provider-footer,.request-item,.request-side,.section-heading.row{display:flex;justify-content:space-between;gap:16px}.surge{border-radius:999px;padding:8px 12px;background:#ca5d2f33;color:#ffd0bc}.route-line{display:flex;align-items:center;gap:10px;margin:26px 0}.dot{width:14px;height:14px;border-radius:999px;display:inline-block}.dot.start{background:#4fd08d}.dot.end{background:#ff955b}.line{flex:1;height:3px;border-radius:999px;background:linear-gradient(90deg,#4fd08d,#ff955b)}.ride-stops{display:grid;gap:14px}.stats-grid,.dashboard-grid{display:grid;gap:18px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.stat-card{padding:18px;border-radius:20px;background:var(--surface-strong)}.stat-card strong{display:block;font-size:1.8rem;margin:10px 0 6px}.section{padding:30px clamp(20px,4vw,64px) 20px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:clamp(2rem,4vw,3rem);margin:12px 0 8px}.registration-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}.role-switch,.registration-form,.provider-card,.panel{border-radius:28px;padding:22px}.role-switch{display:flex;flex-direction:column;gap:12px}.role-pill,.chip{padding:12px 16px;border-radius:14px}.role-pill.active,.chip.active{color:#fff;background:var(--surface-dark)}.registration-form{display:grid;gap:14px}.registration-form label{display:grid;gap:8px;font-weight:500}.registration-form input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#ffffffbf}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.checkbox-row{display:flex!important;align-items:center;gap:10px}.checkbox-row input{width:auto}.status-box{padding:14px 16px;border-radius:16px;background:#1f2a1f0f;margin:0}.providers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.provider-card{display:grid;gap:14px}.provider-role{color:var(--accent-strong);background:#ca5d2f24}.availability.available{background:#2f7d4e24;color:var(--success)}.availability.busy{background:#d9911a29;color:var(--warning)}.availability.offline{background:#1f2a1f1f;color:var(--surface-dark)}.provider-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.94rem}.dashboard-grid{grid-template-columns:1.2fr .8fr}.panel.large{grid-row:span 2}.request-list{display:grid;gap:14px}.request-item{padding:16px;border-radius:18px;background:#ffffffad;align-items:flex-start}.request-side{flex-direction:column;text-align:right}.request-status.accepted{background:#2f7d4e24;color:var(--success)}.request-status.requested{background:#ca5d2f24;color:var(--accent-strong)}.plain-list{margin:0;padding-left:20px;display:grid;gap:12px;color:var(--muted)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.role-pill:hover,.chip:hover{transform:translateY(-1px)}@media (max-width: 980px){.hero-grid,.registration-layout,.dashboard-grid,.providers-grid,.stats-grid,.split{grid-template-columns:1fr}.topbar,.section-heading.row,.provider-head,.provider-footer,.request-item{flex-direction:column}.request-side{text-align:left}.hero-copy h1{max-width:100%}}