:root{--dark-color: #151513;--focus-color: #facc15;--border-color: #1f2937;--text-soft: #d1d5db}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{width:100%;max-width:32rem;margin:0 auto;background:var(--dark-color);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;height:100vh;height:100dvh}.top-nav{margin:1rem 1.5rem 0}.top-nav-inner{min-height:4rem;padding:1rem 0;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.brand-wrap{display:flex;align-items:center}.brand-text{font-family:Roboto Flex,Segoe UI,sans-serif;font-weight:900;font-size:2rem;line-height:1;text-transform:uppercase;color:#fff}.language-switch{display:flex;align-items:center;font-size:.875rem;font-weight:500;letter-spacing:.05em;color:#fff;user-select:none}.lang-button{background:transparent;border:0;color:inherit;border-radius:.375rem;padding:.5rem .75rem}.lang-divider{margin:0 .25rem;opacity:.5;pointer-events:none}.opacity-100{opacity:1}.opacity-60{opacity:.6}.main-content{display:flex}.hero{position:relative;flex:1;width:100%;min-height:calc(100vh - 14rem);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:var(--dark-color)}.hero-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:1;margin:0 auto;padding:0 1.25rem;text-align:center}.hero-title{font-family:Roboto Flex,Segoe UI,sans-serif;font-size:1.875rem;line-height:1.2;font-weight:600;color:#fff}.hero-subtitle{margin-top:.375rem;font-family:Roboto Flex,Segoe UI,sans-serif;font-size:1.125rem;line-height:1.35;font-weight:500;color:var(--text-soft)}.driver-card{margin-top:1rem;display:inline-flex;align-items:center;gap:.75rem;border-radius:9999px;background:#00000059;padding:.5rem .75rem;cursor:pointer;user-select:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.driver-avatar{width:2.5rem;height:2.5rem;border-radius:9999px;object-fit:cover;flex:0 0 auto}.driver-meta{text-align:left}.driver-name{font-size:1.125rem;line-height:1.1;font-weight:600;color:#fff}.driver-phone{font-size:.875rem;line-height:1.1;color:var(--text-soft)}.cta-wrap{position:relative;z-index:1;display:flex;padding:1.25rem;margin-bottom:1rem}.call-taxi-button{width:100%;border:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:1.3rem 1rem;font-family:Roboto Flex,Segoe UI,sans-serif;font-size:16px;line-height:1.2;font-weight:600;color:var(--dark-color);box-shadow:0 8px 24px #00000038;background-image:radial-gradient(circle at 96% 20%,#ffffffb3,#fff0 28%),linear-gradient(180deg,#ffdc71 0% 50%,#e9bc32)}.call-taxi-icon{width:1rem;height:1rem;margin-inline-start:.375rem;margin-inline-end:-.125rem;flex:0 0 auto}button{cursor:pointer;transition:transform .2s ease,opacity .2s ease;font-family:inherit}button:active{transform:scale(.98)}button:focus-visible,a:focus-visible,.driver-card:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}@media(min-width:640px){.hero-title{font-size:2rem}}@media(min-width:768px){.lang-button{padding:.5rem 1rem}}
