:root{font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--surf-background: #03070f;--surf-panel: rgba(7, 12, 24, .9);--surf-panel-strong: rgba(8, 14, 30, .98);--surf-border: rgba(255, 255, 255, .08);--surf-accent: #3ed0c6;--surf-accent-strong: #29b1a6;--surf-error: #e74c3c;--surf-text: #f5f7fb;--surf-muted: rgba(255, 255, 255, .72);--surf-muted-strong: rgba(255, 255, 255, .5);color:var(--surf-text);background-color:var(--surf-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(20,40,80,.35),transparent 55%),linear-gradient(160deg,#020611,#020712 40%,#050912);color:var(--surf-text)}#root{width:100%;min-height:100vh}a{color:inherit}.screen{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;padding:clamp(1.5rem,4vw,4rem)}.username-panel{width:min(420px,100%);background:var(--surf-panel);border:1px solid var(--surf-border);border-radius:28px;padding:clamp(2rem,6vw,3rem);display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 30px 120px #00000059}.brand-pill{align-self:flex-start;padding:.35rem .85rem;border-radius:999px;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:var(--surf-muted);background-color:#ffffff0a;border:1px solid var(--surf-border)}.username-panel h1{font-size:clamp(2rem,4vw,2.6rem);margin:0}.muted{color:var(--surf-muted);margin:0}.username-form{display:flex;flex-direction:column;gap:1rem}.input-field{width:100%;border-radius:20px;border:1px solid var(--surf-border);padding:.9rem 1.1rem;font-size:1rem;background:#ffffff05;color:var(--surf-text);transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{outline:none;border-color:var(--surf-accent);box-shadow:0 0 0 3px #3ed0c626}.primary-btn,.request-btn,.filter-pill{font-family:inherit;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary-btn{border-radius:999px;padding:.95rem 1.5rem;font-size:1rem;font-weight:600;background:linear-gradient(120deg,var(--surf-accent),#5cf0e7);color:#04181a;text-transform:uppercase;letter-spacing:.05em}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 40px #3ed0c659}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{border-radius:999px;padding:.95rem 1.5rem;font-size:1rem;font-weight:600;background:#ffffff0a;color:var(--surf-text);border:1px solid var(--surf-border);text-transform:uppercase;letter-spacing:.05em;font-family:inherit;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.secondary-btn:hover{background:#ffffff14;transform:translateY(-1px);box-shadow:0 8px 20px #ffffff1a}.divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--surf-border)}.divider-text{color:var(--surf-muted-strong);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.helper-text{font-size:.85rem;color:var(--surf-muted-strong)}.trips-shell{width:min(1100px,100%);margin:0 auto;display:flex;flex-direction:column;gap:2rem}.trips-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.trips-brand{font-weight:600;letter-spacing:.08em;text-transform:uppercase}.trips-greeting{color:var(--surf-muted);font-size:.95rem}.trips-header-menu{position:relative}.trips-greeting-btn{background:none;border:none;color:var(--surf-muted);font-size:.95rem;cursor:pointer;padding:.5rem .75rem;border-radius:12px;transition:background .2s ease,color .2s ease;font-family:inherit}.trips-greeting-btn:hover{background:#ffffff0a;color:var(--surf-text)}.auth-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:160px;background:var(--surf-panel-strong);border:1px solid var(--surf-border);border-radius:16px;padding:.5rem;box-shadow:0 20px 60px #00000080;z-index:100;display:flex;flex-direction:column;gap:.25rem}.auth-dropdown-item{background:none;border:none;color:var(--surf-text);font-size:.95rem;cursor:pointer;padding:.75rem 1rem;border-radius:12px;transition:background .2s ease;font-family:inherit;text-align:left;white-space:nowrap}.auth-dropdown-item:hover{background:#ffffff14}.auth-dropdown-item.logout{color:var(--surf-error)}.auth-dropdown-item.logout:hover{background:#e74c3c1a}.hero{background:var(--surf-panel-strong);border-radius:28px;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--surf-border);box-shadow:0 20px 70px #0006}.hero h2{margin:0 0 .5rem;font-size:clamp(2rem,4vw,2.4rem)}.hero p{margin:0;color:var(--surf-muted)}.filters-row{display:flex;flex-wrap:wrap;gap:.75rem}.filter-pill{background:#ffffff05;color:var(--surf-text);border:1px solid var(--surf-border);padding:.65rem 1.1rem;border-radius:999px;font-size:.95rem}.filter-pill:hover{background:#ffffff14;transform:translateY(-2px)}.my-trips-section,.trips-list-section{display:flex;flex-direction:column;gap:1rem}.section-title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--surf-text)}.trips-list{display:flex;flex-direction:column;gap:1rem}.trip-card{background:#ffffff05;border:1px solid var(--surf-border);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.trip-route{font-size:1.25rem;font-weight:600}.trip-meta{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--surf-muted);font-size:.95rem}.badge{padding:.2rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;text-transform:capitalize}.trip-description{color:var(--surf-text);margin:0}.trip-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.driver{display:flex;flex-direction:column;color:var(--surf-muted);font-size:.95rem}.driver strong{color:var(--surf-text)}.request-btn{border-radius:16px;padding:.85rem 1.6rem;font-weight:600;background:#3ed0c626;color:var(--surf-accent);border:1px solid rgba(62,208,198,.35)}.request-btn:hover{background:#3ed0c640;transform:translateY(-1px);box-shadow:0 15px 30px #3ed0c640}@media (max-width: 640px){.trip-footer{flex-direction:column;align-items:flex-start}.screen{padding:1.25rem}}.detail-shell{width:min(800px,100%);margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.back-link{color:var(--surf-accent);background:none;border:none;padding:.5rem 0;font-size:.95rem;cursor:pointer;transition:color .2s ease;text-align:left;font-family:inherit}.back-link:hover{color:var(--surf-accent-strong)}.detail-card{background:var(--surf-panel-strong);border:1px solid var(--surf-border);border-radius:28px;padding:clamp(2rem,5vw,3rem);display:flex;flex-direction:column;gap:2rem;box-shadow:0 20px 70px #0006}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.detail-route{font-size:clamp(2rem,5vw,2.8rem);margin:0;line-height:1.1}.copy-btn{background:#ffffff0a;color:var(--surf-muted);border:1px solid var(--surf-border);padding:.6rem 1rem;border-radius:14px;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.copy-btn:hover{background:#ffffff14;color:var(--surf-text)}.detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1.5rem;background:#ffffff05;border-radius:20px;border:1px solid var(--surf-border)}.meta-item{display:flex;flex-direction:column;gap:.5rem}.meta-label{font-size:.85rem;color:var(--surf-muted-strong);text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:1.05rem;color:var(--surf-text);font-weight:500}.detail-section{display:flex;flex-direction:column;gap:.75rem}.detail-section h3{margin:0;font-size:1.1rem;color:var(--surf-text);font-weight:600}.detail-section p{margin:0;color:var(--surf-muted);line-height:1.6}.meeting-point{color:var(--surf-text);font-weight:500}.driver-info{display:flex;flex-direction:column;gap:.4rem}.driver-info strong{color:var(--surf-text);font-size:1.05rem}.contact-info{color:var(--surf-muted);font-size:.95rem}.passengers-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.75rem}.passengers-list li{padding:.5rem 1rem;background:#ffffff0a;border:1px solid var(--surf-border);border-radius:14px;color:var(--surf-text);font-size:.95rem}.empty-state{color:var(--surf-muted-strong);font-style:italic}.confirmation-message{padding:1rem 1.25rem;background:#3ed0c626;border:1px solid rgba(62,208,198,.35);border-radius:16px;color:var(--surf-accent);font-size:.95rem;line-height:1.5}.detail-cta{padding-top:1rem;border-top:1px solid var(--surf-border)}.detail-cta .primary-btn{width:100%;padding:1.1rem 1.5rem;font-size:1.05rem}.detail-cta .leave-btn{background:linear-gradient(120deg,#e74c3c,#c0392b);color:#fff}.detail-cta .leave-btn:hover:not(:disabled){box-shadow:0 15px 40px #e74c3c59}.not-found-panel{width:min(420px,100%);background:var(--surf-panel);border:1px solid var(--surf-border);border-radius:28px;padding:clamp(2rem,6vw,3rem);display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 30px 120px #00000059;text-align:center}.not-found-panel h2{margin:0;font-size:clamp(1.8rem,4vw,2.2rem)}@media (max-width: 640px){.detail-header{flex-direction:column;align-items:flex-start}.copy-btn{align-self:flex-start}.detail-meta{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.form-field{display:flex;flex-direction:column;gap:.5rem}.field-label{font-size:.9rem;font-weight:500;color:var(--surf-text);margin-bottom:-.25rem}.required-indicator{color:var(--surf-error)}.optional-indicator{color:var(--surf-muted-strong);font-weight:400}.input-error{border-color:var(--surf-error)!important}.input-error:focus{border-color:var(--surf-error)!important;box-shadow:0 0 0 3px #e74c3c33!important}.error-text{font-size:.85rem;color:var(--surf-error);margin-top:-.25rem}.welcome-features{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 0}.feature-item{display:flex;align-items:center;gap:.75rem;color:var(--surf-muted);font-size:.95rem}.feature-icon{font-size:1.25rem}.feature-text{flex:1}.verification-notice{padding:1rem;background:#3ed0c61a;border:1px solid rgba(62,208,198,.25);border-radius:16px;margin:1rem 0}.verification-notice p{margin:0;font-size:.9rem;line-height:1.5}.verification-notice strong{color:var(--surf-text)}.form-title{margin-bottom:1.5rem;font-size:1.75rem}.form-error-alert{padding:12px;margin-bottom:16px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444}.form-section-header{margin-top:1.5rem;margin-bottom:.5rem;font-size:.95rem;font-weight:600;color:var(--surf-muted-strong)}.form-actions{margin-top:2rem;display:flex;gap:12px}.form-actions .primary-btn,.form-actions .secondary-btn{flex:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03070fad;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:50}.modal-card{width:min(520px,100%);background:var(--surf-panel-strong);border:1px solid var(--surf-border);border-radius:24px;padding:2rem;box-shadow:0 30px 80px #00000080;display:flex;flex-direction:column;gap:1.25rem}.modal-body p{margin:0 0 .75rem;color:var(--surf-muted)}.modal-body p:last-child{margin-bottom:0}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}