@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;700&family=Montserrat:wght@400;600;800&display=swap";
:root{--ng-primary:#ff4757;--ng-secondary:#2ed573;--ng-accent:#ffa502;--ng-dark:#2f3542;--ng-light:#fff;--ng-off-white:#f1f2f6;--ng-border:4px solid var(--ng-dark);--ng-shadow:8px 8px 0px var(--ng-dark)}.ng-page{background-color:var(--ng-off-white);color:var(--ng-dark);font-family:Montserrat,sans-serif;overflow-x:hidden}.ng-nav{z-index:100;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 3rem;transition:all .3s;display:flex;position:fixed;top:0;left:0}.ng-nav.scrolled{background:var(--ng-light);border-bottom:var(--ng-border);padding:1rem 3rem}.ng-logo{color:var(--ng-primary);text-transform:uppercase;letter-spacing:-1px;text-shadow:2px 2px 0px var(--ng-dark);font-family:Oswald,sans-serif;font-size:2.5rem;font-weight:700;transform:rotate(-2deg)}.ng-logo span{color:var(--ng-secondary)}.ng-nav-links{gap:1.5rem;display:flex}.ng-link{text-transform:uppercase;color:var(--ng-dark);cursor:pointer;background:var(--ng-light);border:2px solid var(--ng-dark);box-shadow:4px 4px 0px var(--ng-dark);padding:.5rem 1rem;font-size:1rem;font-weight:800;transition:all .2s;position:relative}.ng-link:hover{box-shadow:6px 6px 0px var(--ng-dark);background:var(--ng-accent);transform:translate(-2px,-2px)}.ng-link:active{box-shadow:0px 0px 0px var(--ng-dark);transform:translate(0)}.ng-hero{background:radial-gradient(circle at 60%,#fff 20%,#f1f2f6 80%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.ng-hero:before{content:"";background:var(--ng-accent);border:var(--ng-border);z-index:0;border-radius:50%;width:60vh;height:60vh;position:absolute;top:-10%;right:-10%}.ng-hero:after{content:"";background:var(--ng-secondary);z-index:0;border:var(--ng-border);width:40vh;height:40vh;position:absolute;bottom:-5%;left:-5%;transform:rotate(45deg)}.ng-hero-content{z-index:10;text-align:center;flex-direction:column;align-items:center;max-width:1000px;display:flex;position:relative}.ng-badge{background:var(--ng-dark);color:var(--ng-light);text-transform:uppercase;letter-spacing:1px;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:700;transform:rotate(-3deg)}.ng-title{text-transform:uppercase;color:var(--ng-primary);text-shadow:6px 6px 0px var(--ng-dark);-webkit-text-stroke:3px var(--ng-dark);margin-bottom:2rem;font-family:Oswald,sans-serif;font-size:6rem;font-weight:700;line-height:.9}.ng-title .outline{color:#0000;-webkit-text-stroke:3px var(--ng-dark);text-shadow:none}.ng-description{background:var(--ng-light);border:var(--ng-border);max-width:600px;box-shadow:var(--ng-shadow);margin-bottom:3rem;padding:1.5rem;font-size:1.5rem;font-weight:600;transform:rotate(1deg)}.ng-cta-group{gap:2rem;display:flex}.ng-btn-primary,.ng-btn-secondary{text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:var(--ng-border);box-shadow:var(--ng-shadow);padding:1.2rem 3rem;font-family:Oswald,sans-serif;font-size:1.2rem;font-weight:700;transition:all .2s}.ng-btn-primary{background:var(--ng-primary);color:var(--ng-light)}.ng-btn-primary:hover{box-shadow:12px 12px 0px var(--ng-dark);background:#ff6b81;transform:translate(-4px,-4px)}.ng-btn-secondary{background:var(--ng-light);color:var(--ng-dark)}.ng-btn-secondary:hover{background:var(--ng-secondary);box-shadow:12px 12px 0px var(--ng-dark);transform:translate(-4px,-4px)}.ng-features{background:var(--ng-dark);color:var(--ng-light);clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);margin-top:-5vh;padding:8rem 2rem;position:relative}.ng-section-header{text-align:center;margin-bottom:5rem}.ng-section-title{text-transform:uppercase;color:var(--ng-accent);margin-bottom:1rem;font-family:Oswald,sans-serif;font-size:4rem}.ng-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem;max-width:1200px;margin:0 auto;display:grid}.ng-feature-card{background:var(--ng-light);border:var(--ng-border);color:var(--ng-dark);padding:2rem;transition:transform .3s;position:relative}.ng-feature-card:hover{z-index:2;transform:rotate(2deg)scale(1.05)}.ng-feature-card:nth-child(2n){transform:rotate(-1deg)}.ng-feature-card:nth-child(2n):hover{transform:rotate(-3deg)scale(1.05)}.ng-icon-box{background:var(--ng-secondary);border:var(--ng-border);width:60px;height:60px;box-shadow:4px 4px 0px var(--ng-dark);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.ng-feature-card h3{text-transform:uppercase;margin-bottom:1rem;font-family:Oswald,sans-serif;font-size:1.8rem}.ng-feature-card p{font-weight:500;line-height:1.6}.ng-footer{background:var(--ng-accent);text-align:center;border-top:var(--ng-border);padding:6rem 2rem 2rem}.ng-footer h2{color:var(--ng-light);text-shadow:4px 4px 0px var(--ng-dark);margin-bottom:2rem;font-family:Oswald,sans-serif;font-size:5rem}@media (max-width:768px){.ng-title{font-size:3.5rem}.ng-header-group{width:100%}.ng-cta-group{flex-direction:column;width:100%}.ng-description{width:90%;margin-left:auto;margin-right:auto;font-size:1.1rem}.ng-nav-links{display:none}}.ng-menu{background-color:var(--ng-off-white);padding:6rem 2rem}.ng-menu-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;max-width:1200px;margin:0 auto;display:grid}.ng-menu-card{background:var(--ng-light);border:var(--ng-border);box-shadow:6px 6px 0px var(--ng-accent);padding:0;transition:transform .3s;position:relative}.ng-menu-card:hover{box-shadow:10px 10px 0px var(--ng-accent);transform:translate(-4px,-4px)}.ng-menu-img{border-bottom:var(--ng-border);object-fit:cover;background-color:#ddd;width:100%;height:200px}.ng-menu-content{padding:1.5rem}.ng-menu-title{text-transform:uppercase;margin-bottom:.5rem;font-family:Oswald,sans-serif;font-size:1.5rem}.ng-menu-price{color:var(--ng-primary);margin-bottom:1rem;font-size:1.2rem;font-weight:800;display:block}.ng-testimonials{border-top:var(--ng-border);border-bottom:var(--ng-border);background:radial-gradient(circle at 30%,#fff 20%,#f0fdf4 80%);padding:6rem 2rem}.ng-testi-card{background:var(--ng-light);border:var(--ng-border);text-align:center;max-width:800px;box-shadow:8px 8px 0px var(--ng-secondary);margin:0 auto 3rem;padding:2rem;position:relative}.ng-quote{color:var(--ng-secondary);margin-bottom:1rem;font-family:Oswald,sans-serif;font-size:4rem;line-height:.5;display:block}.ng-testi-text{margin-bottom:1.5rem;font-size:1.2rem;font-style:italic;font-weight:500}.ng-testi-author{text-transform:uppercase;color:var(--ng-primary);font-weight:800}.ng-contact{background-color:var(--ng-off-white);text-align:center;padding:6rem 2rem}.ng-booking-form{border:var(--ng-border);background:var(--ng-light);max-width:600px;box-shadow:12px 12px 0px var(--ng-dark);flex-direction:column;gap:1.5rem;margin:0 auto;padding:3rem;display:flex}.ng-input{border:3px solid var(--ng-dark);background:#f8f9fa;width:100%;padding:1rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600}.ng-input:focus{border-color:var(--ng-primary);background:#fff;outline:none}.ng-form-btn{background:var(--ng-dark);color:var(--ng-light);text-transform:uppercase;cursor:pointer;border:none;padding:1rem;font-family:Oswald,sans-serif;font-size:1.2rem;font-weight:700;transition:all .2s}.ng-form-btn:hover{background:var(--ng-primary)}
