:root{--bg-dark: #050a1a;--accent-ice: #8ce4ff;--text-main: #ffffff;--card-bg: #0b1328;--card-border: rgba(140, 228, 255, .25)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;scroll-behavior:smooth}body{font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#0c1630 0,var(--bg-dark) 55%);color:var(--text-main)}.app{min-height:100vh}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 6vw;background:#050a1ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(140,228,255,.2)}.logo-text{font-weight:700;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase}.nav a{margin-left:1.25rem;font-size:.9rem;text-decoration:none;color:var(--text-main);opacity:.7;padding-bottom:.1rem;border-bottom:2px solid transparent;transition:opacity .2s ease,border-color .2s ease}.nav a:hover{opacity:1;border-color:var(--accent-ice)}.hero{padding:4rem 6vw 2rem;text-align:center}.hero-title{font-size:clamp(2.4rem,4vw,3.2rem);margin-bottom:.4rem;letter-spacing:.12em;text-transform:uppercase}.hero-subtitle{font-size:.95rem;color:#ffffffb3;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3rem}.hero-riders{display:flex;justify-content:center;align-items:flex-end;gap:2.5rem;flex-wrap:wrap}.rider-avatar{background:transparent;border:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:0}.avatar-image-wrapper{width:170px;height:170px;display:flex;align-items:flex-end;justify-content:center;overflow:visible;transition:transform .25s ease,filter .25s ease}.avatar-image-wrapper img{max-width:100%;height:auto;display:block;transform-origin:center bottom;filter:drop-shadow(0 12px 25px rgba(0,0,0,.6));transition:transform .25s ease,filter .25s ease}.rider-avatar:hover .avatar-image-wrapper img{transform:scale(1.1) translateY(-6px);filter:drop-shadow(0 18px 35px rgba(140,228,255,.45))}.avatar-name{margin-top:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;color:var(--accent-ice)}.details-section{padding:2rem 6vw 4rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;max-width:900px;margin:0 auto}.rider-card{background:linear-gradient(135deg,#0b1328f5,#050a1afa);border-radius:1.25rem;border:1px solid var(--card-border);padding:1.4rem 1.6rem 1.3rem;box-shadow:0 18px 45px #0009;scroll-margin-top:90px}.rider-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:.9rem}.rider-card-image{width:70px;height:70px;object-fit:contain}.rider-card-name{margin:0;font-size:1.15rem}.rider-card-role{margin:.1rem 0 0;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffffb3}.rider-card-body{font-size:.95rem}.rider-stats{display:flex;gap:1.4rem;margin-bottom:.6rem}.stat{display:flex;flex-direction:column}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:#fff9}.stat-value{font-weight:600}.rider-description{margin:.4rem 0 .8rem;line-height:1.5;color:#ffffffd1}.rider-socials{display:flex;flex-wrap:wrap;gap:.6rem}.rider-socials a{font-size:.8rem;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;border-radius:999px;padding:.35rem .9rem;border:1px solid rgba(140,228,255,.5);color:var(--accent-ice);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .1s ease}.rider-socials a:hover{background:var(--accent-ice);color:#050a1a;border-color:var(--accent-ice);transform:translateY(-1px)}@media(max-width:768px){.header{padding-inline:4vw}.hero{padding:3rem 4vw 1.5rem}.details-section{padding-inline:4vw}.hero-riders{gap:1.8rem}.avatar-image-wrapper{width:140px;height:140px}}