*{box-sizing:border-box} body{ margin:0; font-family:Arial, sans-serif; background:#000; color:#fff; } a{color:#9ad7ff} .container{width:90%;max-width:1200px;margin:auto} .topbar{ background:#000; border-bottom:1px solid #222; padding:10px 0; } .topbar .container{ display:flex; justify-content:space-between; align-items:center; } .brand{ display:flex; align-items:center; gap:10px; } .brand img{height:40px} .hero{ padding:60px 0; } .hero-grid{ display:grid; grid-template-columns:1fr 1fr; gap:40px; } .hero-text h1 span{color:#ff3b3b} .btn{ display:inline-block; background:#ff3b3b; color:#000; padding:12px 20px; margin-top:15px; border-radius:30px; font-weight:bold; } .fox-panel{ background:#111; border:2px solid #222; padding:20px; border-radius:20px; text-align:center; } .fox-img{ width:120px; animation:float 3s ease-in-out infinite; } @keyframes float{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} } .fox-screen{ background:#000; border:1px solid #333; margin:15px 0; padding:15px; min-height:80px; } .thought{ animation:pop .4s ease; } @keyframes pop{ from{opacity:0;transform:scale(.9)} to{opacity:1;transform:scale(1)} } .fox-buttons button{ background:#9ad7ff; border:none; padding:8px 12px; margin:5px; border-radius:20px; cursor:pointer; } .section{padding:50px 0} .section.dark{background:#111} .booking-form input, .booking-form textarea{ width:100%; padding:10px; margin:8px 0; border-radius:10px; border:none; } .pricing-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; } .price-card{ background:#000; border:1px solid #333; padding:20px; border-radius:15px; } iframe{ width:100%; height:350px; border:none; } .footer{ background:#000; text-align:center; padding:20px; border-top:1px solid #222; }