*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#16212e}
.topbar{padding:20px 7%;display:flex;justify-content:space-between;align-items:center;background:#06131f;color:white}
.brand{font-size:26px;font-weight:bold;text-decoration:none;color:white}.brand span{color:#35d07f}
.topbar nav a{color:white;text-decoration:none;margin-left:18px;font-weight:bold}.topbar nav a:hover{color:#35d07f}
.hero{min-height:560px;padding:55px 7%;display:flex;align-items:center;color:white;background:linear-gradient(rgba(5,15,25,.76),rgba(5,15,25,.88)),url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1600&q=80');background-size:cover;background-position:center}
.hero-box{max-width:790px}.badge{display:inline-block;padding:9px 16px;border-radius:99px;background:rgba(53,208,127,.15);border:1px solid rgba(53,208,127,.5);color:#c9ffdf;font-weight:bold;margin-bottom:18px}
h1{font-size:56px;line-height:1.05;margin:0 0 18px}.hero p{font-size:20px;line-height:1.6;color:#e6eef5}
.buttons{display:flex;flex-wrap:wrap;gap:14px;margin:25px 0}.btn{display:inline-block;padding:14px 21px;border-radius:10px;text-decoration:none;font-weight:bold;border:0;cursor:pointer;font-size:15px}
.btn-primary{background:#35d07f;color:#07131d}.btn-dark{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.25)}.btn-light{background:white;color:#07131d}
.card{background:white;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin-bottom:22px}
.search-card{background:rgba(255,255,255,.12);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.22);padding:22px;border-radius:18px;max-width:750px}
.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row input,.form-row select,textarea,input,select{padding:14px;border:1px solid #d5dde5;border-radius:9px;font-size:16px;width:100%;margin-bottom:12px}
.form-row input{flex:1;min-width:230px}.section{padding:55px 7%}.section h2{text-align:center;font-size:34px;margin:0 0 12px}.section-subtitle{text-align:center;color:#596775;margin-bottom:35px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.station-card{background:white;border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.08);position:relative}.station-card h3{margin:0 0 10px;padding-right:90px}.station-card p{margin:7px 0;color:#4b5a68}.featured-ribbon{position:absolute;top:16px;right:16px;background:#35d07f;color:#07131d;padding:6px 10px;border-radius:99px;font-size:12px;font-weight:bold}.tag{display:inline-block;margin-top:10px;margin-right:6px;padding:7px 10px;border-radius:99px;background:#eef3f7;font-size:13px;font-weight:bold}
.container{max-width:960px;margin:35px auto;padding:0 18px}.login-box{max-width:460px;margin:40px auto}.alert{padding:14px 16px;border-radius:10px;margin-bottom:15px}.success{background:#e8fff1;color:#0d6b38}.error{background:#ffecec;color:#9b1c1c}
.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:12px;border-bottom:1px solid #e5eaf0;text-align:left}.table th{background:#f0f4f8}
.footer{background:#050c12;color:#9fb0bf;padding:22px 7%;text-align:center;margin-top:40px}
@media(max-width:750px){.topbar{flex-direction:column;gap:14px}.topbar nav a{margin:0 7px;font-size:14px}h1{font-size:38px}}