*{box-sizing:border-box}body,html,#root{height:100%;margin:0;font-family:Poppins,sans-serif}.app-root{min-height:100%;background:linear-gradient(#f7fbfc,#eef9ff);color:#033047}.navbar{position:fixed;top:0;left:0;right:0;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:space-between;padding:10px 20px;z-index:999;box-shadow:0 4px 18px #0214220f}.logo{font-weight:700;color:#0077b6}.nav-links{display:flex;gap:18px;align-items:center}.nav-links a{color:#034754;text-decoration:none;font-weight:500}.nav-actions{display:flex;gap:10px;align-items:center}.ai-button{background:linear-gradient(135deg,#0077b6,#00b4d8);color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.primary{background:#0077b6;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.ghost{background:transparent;border:1px solid rgba(0,0,0,.08);padding:8px 10px;border-radius:8px;cursor:pointer}.user-badge{background:#e6f7ff;padding:6px 10px;border-radius:8px;color:#036}.hero{height:90vh;display:flex;align-items:center;justify-content:center;position:relative;background-image:url(https://images.unsplash.com/photo-1516901121982-4ba280115a72?auto=format&fit=crop&w=2000&q=80);background-size:cover;background-position:center;background-repeat:no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000073,#00000040);z-index:0}.hero-overlay{position:relative;z-index:2;padding:30px;max-width:900px;text-align:center;border-radius:12px}.hero-overlay h1{font-size:2.6rem;color:#fff;margin-bottom:12px;text-shadow:0 6px 20px rgba(0,0,0,.4)}.hero-overlay p{font-size:1.05rem;color:#f1f8ff;margin-bottom:18px}.explore-btn{text-decoration:none;display:inline-block;padding:10px 20px;border-radius:20px;background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;font-weight:600}.destinations{padding:80px 20px;margin-top:10px}.destinations h2{text-align:center;font-size:1.9rem;margin-bottom:18px;color:#023e8a}.destination-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;padding:0 12px}.destination-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0214220f;transition:transform .32s ease,box-shadow .32s ease;display:flex;flex-direction:column;opacity:0;transform:translateY(30px)}.destination-card.show{opacity:1;transform:translateY(0);transition:all .6s cubic-bezier(.2,.9,.3,1)}.destination-card:hover{transform:translateY(-8px);box-shadow:0 14px 32px #0214221f}.destination-card img{width:100%;height:190px;object-fit:cover;display:block;background:#e6f7fb}.card-content{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:8px}.card-content h3{margin:4px 0;color:#0077b6;font-size:1.05rem}.card-content p{margin:0;color:#324553;font-size:.95rem;flex:1}.card-actions{display:flex;gap:10px;margin-top:12px}.btn{background:#0077b6;color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none;display:inline-block}.btn.outline,.btn.outline:link{background:transparent;border:1px solid #0077b6;color:#0077b6;padding:8px 12px;border-radius:8px}.contact{padding:40px 20px;background:linear-gradient(180deg,#f7fbff,#eef9ff);display:flex;justify-content:center}.contact-inner{max-width:900px;text-align:center}.contact-inner h3{margin-bottom:8px}.contact-inner p{margin-bottom:12px}footer{padding:18px;text-align:center;background:#003047;color:#fff;margin-top:40px}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{width:100%;max-width:420px;background:#fff;border-radius:10px;padding:18px;position:relative;box-shadow:0 12px 40px #00000040}.modal-close{position:absolute;right:8px;top:8px;background:transparent;border:none;font-size:20px;cursor:pointer}.modal-body h3{margin-top:0}.field{display:block;margin-bottom:12px}.field span{display:block;margin-bottom:6px;color:#333;font-weight:600}.field input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #dfeff6}.field.error{color:#b00020;font-weight:600;padding:8px 0}@media(max-width:760px){.hero-overlay h1{font-size:1.8rem}.nav-links{display:none}.navbar{padding:10px}.destination-grid{gap:14px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;background:linear-gradient(to right,#4facfe,#00f2fe);color:#fff;position:sticky;top:0;z-index:10}.navbar .logo{font-size:1.8rem;font-weight:700}.navbar .nav-links{list-style:none;display:flex;gap:30px}.navbar .nav-links li{cursor:pointer;transition:.3s}.navbar .nav-links li:hover{text-decoration:underline}.navbar .auth-btn{background:#fff;color:#4facfe;padding:5px 15px;border-radius:5px;font-weight:700}.hero{height:80vh;background:url(https://source.unsplash.com/1600x900/?western-australia) center/cover no-repeat;display:flex;align-items:center;justify-content:center;position:relative}.hero-overlay{background:#00000073;color:#fff;text-align:center;padding:50px;border-radius:15px}.hero-overlay h1{font-size:3rem;margin-bottom:15px}.hero-overlay p{font-size:1.2rem;margin-bottom:25px}.hero-overlay button{padding:10px 30px;border:none;border-radius:8px;background:#00f2fe;color:#000;font-weight:700;cursor:pointer;transition:.3s}.hero-overlay button:hover{background:#4facfe;color:#fff}.destinations{padding:80px 50px;text-align:center}.destinations h2{font-size:2.5rem;margin-bottom:40px}.destination-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.destination-card{border-radius:15px;overflow:hidden;box-shadow:0 8px 20px #0003;transition:.3s}.destination-card img{width:100%;height:200px;object-fit:cover}.destination-card h3{padding:15px;background:#fff}.destination-card:hover{transform:scale(1.05)}.booking{padding:80px 50px;background:#f4f6f8;text-align:center}.booking h2{font-size:2.5rem;margin-bottom:40px}.booking-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}.booking-card{background:#fff;padding:20px;border-radius:15px;box-shadow:0 8px 20px #00000026;display:flex;flex-direction:column;gap:10px}.booking-card input{padding:10px;border-radius:8px;border:1px solid #ccc}.booking-card button{padding:10px;border:none;border-radius:8px;background:#4facfe;color:#fff;font-weight:700;cursor:pointer;transition:.3s}.booking-card button:hover{background:#00f2fe;color:#000}.ai-btn{padding:12px 25px;border:none;border-radius:10px;background:#ff7eb3;color:#fff;font-weight:700;cursor:pointer;transition:.3s}.ai-btn:hover{background:#ff758c}.ai-suggestion{margin-top:15px;font-style:italic;color:#333}footer{padding:30px 50px;background:#4facfe;color:#fff;text-align:center;margin-top:50px;border-top-left-radius:15px;border-top-right-radius:15px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;padding:40px;border-radius:20px;width:350px;text-align:center;position:relative}.modal h2{margin-bottom:20px}.modal form{display:flex;flex-direction:column;gap:15px}.modal input{padding:10px;border-radius:8px;border:1px solid #ccc}.modal button{padding:10px;border:none;border-radius:8px;background:#4facfe;color:#fff;font-weight:700;cursor:pointer}.modal button:hover{background:#00f2fe;color:#000}.modal p{margin-top:15px;cursor:pointer;color:#4facfe;font-weight:700}.modal p:hover{text-decoration:underline}@media(max-width:768px){.navbar{flex-direction:column;gap:15px}.hero-overlay{padding:30px}.booking-cards{grid-template-columns:1fr}}
