*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;position:relative;overflow-x:hidden}.container{max-width:800px;margin:0 auto;padding:2rem;background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-top:2rem;margin-bottom:2rem}h1{text-align:center;color:#2c3e50;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container>p{text-align:center;color:#666;margin-bottom:2rem;font-size:1.1rem}form{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;background:#fff;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000001a}.form-group{display:flex;flex-direction:column}.airport-select{position:relative}label{font-weight:600;margin-bottom:.5rem;color:#2c3e50;font-size:1rem}input{padding:.8rem 1rem;border:2px solid #e1e8ed;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#f8f9fa}input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}select{padding:.8rem 1rem;border:2px solid #e1e8ed;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#f8f9fa;cursor:pointer}select:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1.1rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.suggestions{position:absolute;top:100%;left:0;width:100%;background:#fff;border:2px solid #e1e8ed;border-top:none;border-radius:0 0 10px 10px;max-height:250px;overflow-y:auto;z-index:1000;box-shadow:0 10px 30px #0000001a}.suggestions li{padding:.8rem 1rem;cursor:pointer;font-size:.95rem;border-bottom:1px solid #f0f0f0;transition:all .2s ease}.suggestions li:last-child{border-bottom:none}.suggestions li:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translate(5px)}.loading{font-size:.9rem;color:#667eea;margin-top:.5rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.loading:before{content:"⏳";animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-card{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border:2px solid #667eea;padding:2rem;border-radius:15px;margin-top:2rem;box-shadow:0 10px 30px #667eea1a;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-card h3{margin-bottom:1.5rem;color:#2c3e50;font-size:1.5rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-card p{font-size:1.1rem;margin-bottom:1rem;padding:.8rem;background:#ffffffb3;border-radius:8px;border-left:4px solid #667eea}.result-card strong{color:#2c3e50;font-weight:700}.error{color:#e74c3c;background:#fdf2f2;border:2px solid #e74c3c;padding:1rem;border-radius:10px;margin-top:1rem;font-weight:500;text-align:center}footer{text-align:center;margin-top:3rem;color:#666;font-size:.9rem}@media (max-width: 768px){.container{margin:1rem;padding:1.5rem}h1{font-size:2rem}form,.result-card{padding:1.5rem}}small{font-size:.8rem;color:#888;margin-top:.3rem;font-style:italic}.result-info{background:#fffc;padding:1rem;border-radius:10px;margin-bottom:1rem;border:1px solid #e1e8ed}.impact-card{padding:1.5rem;border-radius:10px;margin-bottom:1rem}.impact-low{background:linear-gradient(135deg,#27ae6020,#27ae6010);border:2px solid #27ae60}.impact-medium{background:linear-gradient(135deg,#f39c1220,#f39c1210);border:2px solid #f39c12}.impact-high{background:linear-gradient(135deg,#e67e2220,#e67e2210);border:2px solid #e67e22}.impact-very-high{background:linear-gradient(135deg,#e74c3c20,#e74c3c10);border:2px solid #e74c3c}.impact-title{font-size:1.2rem;margin-bottom:.5rem}.fun-fact{background:#f8f9fa;padding:1rem;border-radius:8px;font-size:.9rem;color:#666}