@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#07131f;--blue:#0b4a78;--bright:#1f9dff;--ice:#e9f6ff;--acid:#ffcf25;--white:#fff;--muted:#6d7b87;--line:#d9e4eb;--red:#9f302e;--shadow:0 24px 75px rgba(3,20,34,.17)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#edf4f8;color:var(--ink);font-family:"DM Sans",sans-serif}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Space Grotesk",sans-serif;letter-spacing:-.055em}.brand{display:flex;align-items:center;gap:.72rem;color:inherit;text-decoration:none;font:700 .9rem "Space Grotesk"}.brand strong{color:var(--bright)}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--bright);color:white;transform:rotate(-7deg);box-shadow:0 8px 22px rgba(31,157,255,.25)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.65rem;font-weight:900;color:#758692}.runner-login{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr}.login-story{position:relative;overflow:hidden;background:linear-gradient(145deg,#06111c,#0a2841 72%,#0b4a78);color:white;padding:clamp(2rem,7vw,7rem);display:flex;flex-direction:column;justify-content:space-between}.login-story:after{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(31,157,255,.24);border-radius:50%;right:-290px;bottom:-310px;box-shadow:0 0 0 75px rgba(31,157,255,.045),0 0 0 150px rgba(31,157,255,.025)}.login-story .brand,.login-story>div,.login-story small{position:relative;z-index:1}.login-story .brand strong{color:#74c6ff}.login-story h1{font-size:clamp(4rem,8vw,8rem);line-height:.87;margin-bottom:1.4rem}.login-story h1 em{font-style:normal;color:#74c6ff}.login-story>div>p:last-child{max-width:540px;color:#b8ccdb;font-size:1.05rem}.login-story small{color:#8da9bc}.login-card{align-self:center;width:min(450px,calc(100% - 3rem));margin:auto;background:white;border:1px solid rgba(10,62,99,.08);padding:clamp(2rem,5vw,3.5rem);border-radius:25px;box-shadow:var(--shadow)}.shield{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:var(--ice);color:var(--blue);font-size:1.25rem;margin-bottom:1.4rem}.login-card h2{font-size:2.4rem;margin-bottom:.45rem}.login-card>p:not(.eyebrow,.form-error,.form-message){color:var(--muted);line-height:1.6}.login-card label{display:grid;gap:.45rem;font-size:.75rem;font-weight:900;margin:1.6rem 0 1rem}.login-card input{border:1px solid var(--line);background:#f9fbfc;border-radius:11px;padding:.95rem;outline:0}.login-card input:focus{border-color:var(--bright);box-shadow:0 0 0 3px rgba(31,157,255,.13)}.login-card button{width:100%;border:0;border-radius:11px;background:var(--bright);color:white;padding:1rem;font-weight:900;display:flex;justify-content:center;gap:.7rem;box-shadow:0 10px 24px rgba(31,157,255,.22)}.login-card button:disabled{opacity:.62;cursor:wait}.login-card>small{display:block;color:var(--muted);font-size:.7rem;line-height:1.5;margin-top:1rem}.back-link{display:block;text-align:center;color:var(--muted);font-size:.75rem;text-decoration:none;margin-top:1.4rem}.form-error,.form-message{border-radius:10px;padding:.75rem;font-size:.74rem;line-height:1.45}.form-error{background:#fff0ef;border:1px solid #f0c2bd;color:var(--red)}.form-message{background:#eaf8f0;border:1px solid #bce4cd;color:#206442}
.topbar{height:78px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,4vw,3.5rem);border-bottom:1px solid rgba(255,255,255,.1)}.topbar .brand strong{color:#74c6ff}.runner-account{display:flex;align-items:center;gap:1rem;color:#a9becd;font-size:.75rem}.runner-account button{border:1px solid rgba(255,255,255,.17);background:transparent;color:white;border-radius:9px;padding:.6rem .8rem;font-weight:800}.runner-workspace{width:min(1450px,calc(100% - 2rem));margin:auto;padding:clamp(1.2rem,4vw,3.5rem) 0}.welcome-card{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:linear-gradient(135deg,#fff,#f4faff);border:1px solid var(--line);border-radius:22px;padding:clamp(1.4rem,3vw,2.2rem);box-shadow:0 12px 38px rgba(4,26,43,.06)}.welcome-card h1{font-size:clamp(2.4rem,4vw,4.2rem);margin-bottom:.4rem}.welcome-card h1 span{color:var(--blue)}.welcome-card>div>p:last-child{color:var(--muted);margin:0}.runner-badge{min-width:220px;display:flex;align-items:center;gap:.8rem;background:var(--ink);color:white;padding:1rem;border-radius:15px}.runner-badge>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--bright)}.runner-badge>div{display:grid}.runner-badge small{color:#93acbd}.runner-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}.runner-stats article{background:white;border:1px solid var(--line);border-radius:17px;padding:1.25rem}.runner-stats span,.runner-stats small{display:block;color:var(--muted);font-size:.7rem}.runner-stats strong{display:block;font:700 2rem "Space Grotesk";margin:.35rem 0}.route-board{background:var(--ink);color:white;border-radius:23px;overflow:hidden;box-shadow:0 20px 55px rgba(3,18,30,.18)}.route-toolbar{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.12)}.route-toolbar h2{font-size:1.65rem;margin-bottom:.35rem}.route-toolbar>div>p:last-child{color:#9fb3c1;font-size:.78rem;margin:0}.route-toolbar label{display:grid;gap:.35rem;font-size:.68rem;font-weight:900}.route-toolbar select{min-width:210px;border:1px solid rgba(255,255,255,.2);background:#0d2b42;color:white;padding:.75rem;border-radius:10px;color-scheme:dark}.route-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:1rem;padding:1rem}.runner-map-card,.stop-panel{background:white;color:var(--ink);border-radius:17px;padding:1rem;min-width:0}.map-heading,.stop-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.2rem .2rem .9rem}.map-heading small{display:flex;align-items:center;gap:.4rem;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-weight:900}.map-heading small i{width:8px;height:8px;border-radius:50%;background:#20c875;box-shadow:0 0 0 5px rgba(32,200,117,.12)}.map-heading h3,.stop-heading h3{font-size:1.25rem;margin:.2rem 0 0}.map-heading a{background:var(--acid);color:var(--ink);border-radius:10px;padding:.72rem .85rem;text-decoration:none;font-size:.7rem;font-weight:900}.runner-map{position:relative;min-height:480px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#e5f0f6,#cfdfe8);border:1px solid #d2e0e8}.map-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:.4rem;color:var(--muted)}.map-placeholder>span{font-size:2rem;color:var(--blue)}.map-placeholder strong{color:var(--ink)}.map-placeholder small{font-size:.7rem}.map-status{min-height:1.2rem;color:var(--muted);font-size:.68rem;margin:.65rem .2rem 0}.stop-heading{border-bottom:1px solid var(--line)}.stop-heading>span{background:var(--ice);color:var(--blue);border-radius:999px;padding:.35rem .55rem;font-size:.65rem;font-weight:900}.runner-stop-list{list-style:none;padding:0;margin:.65rem 0 0;display:grid;gap:.6rem;max-height:520px;overflow:auto}.runner-stop-list li{border:1px solid var(--line);border-radius:13px;padding:.8rem;background:#f9fbfc}.stop-top{display:flex;align-items:center;gap:.65rem}.stop-number{flex:0 0 32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--bright);color:white;font-weight:900;font-size:.72rem}.stop-top>div{display:grid;min-width:0}.stop-top strong{font-size:.78rem}.stop-top span{color:var(--muted);font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stop-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin:.65rem 0}.stop-meta span{background:var(--ice);color:var(--blue);border-radius:8px;padding:.3rem .45rem;font-size:.61rem;font-weight:800}.stop-notes{font-size:.67rem;color:#526470;line-height:1.45;margin:.45rem 0}.stop-map-link{color:var(--blue);font-size:.65rem;font-weight:900;text-decoration:none}.runner-empty{text-align:center;padding:4rem 1rem}.runner-empty>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e3f5eb;color:#247044;margin:auto;font-weight:900}.runner-empty h3{margin:1rem 0 .3rem}.runner-empty p{color:var(--muted);font-size:.75rem}.privacy-note{display:flex;align-items:flex-start;gap:.8rem;background:#e6f2fa;border:1px solid #cbdfea;border-radius:16px;padding:1rem;margin-top:1rem}.privacy-note>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:white;font-weight:900}.privacy-note div{display:grid;gap:.2rem}.privacy-note strong{font-size:.78rem}.privacy-note p{margin:0;color:#5f7584;font-size:.7rem}.runner-map-marker{width:36px;height:36px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;background:var(--bright);color:white;border:3px solid white;box-shadow:0 6px 16px rgba(3,22,36,.28)}.runner-map-marker span{transform:rotate(45deg);font-size:.7rem;font-weight:900}
@media(max-width:1000px){.route-grid{grid-template-columns:1fr}.runner-map{min-height:390px}.runner-stop-list{max-height:none}.runner-login{grid-template-columns:1fr}.login-story{min-height:44vh;padding:2rem}.login-story h1{font-size:4rem}.login-card{margin:2rem auto}.runner-badge{min-width:0}}@media(max-width:700px){.welcome-card,.route-toolbar{align-items:stretch;flex-direction:column}.runner-stats{grid-template-columns:1fr}.runner-badge{width:100%}.route-toolbar select{width:100%}.route-grid{padding:.7rem}.map-heading{align-items:stretch;flex-direction:column}.map-heading a{text-align:center}.runner-map{min-height:330px}.runner-account>span{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}