:root{--primary:#FF6B6B;--primary-hover:#ff5252;--secondary:#4ECDC4;--accent:#FFE66D;--bg-light:#F7FFF7;--text-dark:#2F3E46;--text-muted:#667c89;--white:#ffffff;--shadow:0 10px 30px rgba(0, 0, 0, 0.08);--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;background-color:var(--bg-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden;}
h1, h2, h3, h4{font-weight:800;line-height:1.2;}
a{text-decoration:none;color:inherit;transition:var(--transition);}
ul{list-style:none;}
.container{width:90%;max-width:1200px;margin:0 auto;}
/* Navbar */header:not(.page-header){background:rgba(255, 255, 255, 0.8);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,0.05);}
nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;}
.logo{font-size:1.5rem;font-weight:900;color:var(--primary);display:flex;align-items:center;gap:0.5rem;}
.logo span{color:var(--secondary);}
.nav-links{display:flex;gap:2.5rem;}
.nav-links a{font-weight:600;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:3px;background:var(--primary);transition:var(--transition);}
.nav-links a:hover::after{width:100%;}
.nav-links a.active{color:var(--primary);}
.cta-btn{background:var(--primary);color:var(--white);padding:0.8rem 1.5rem;border-radius:50px;font-weight:700;box-shadow:0 4px 15px rgba(255, 107, 107, 0.3);}
.cta-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255, 107, 107, 0.4);}
/* Hero Section */.hero{padding:8rem 0 5rem;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;}
.hero-content h1{font-size:4rem;margin-bottom:1.5rem;color:var(--text-dark);}
.hero-content h1 span{background:linear-gradient(120deg, var(--primary), var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hero-content p{font-size:1.2rem;color:var(--text-muted);margin-bottom:2.5rem;}
.hero-image{position:relative;}
.hero-image img{width:100%;border-radius:30px;box-shadow:var(--shadow);transform:rotate(2deg);}
.hero-image::before{content:'';position:absolute;top:-20px;left:-20px;width:100%;height:100%;border:5px solid var(--accent);border-radius:30px;z-index:-1;transform:rotate(-4deg);}
/* Features Section */.features{padding:6rem 0;background:var(--white);}
.section-title{text-align:center;margin-bottom:4rem;}
.section-title h2{font-size:2.5rem;margin-bottom:1rem;}
.feature-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;}
.feature-card{padding:3rem 2rem;border-radius:24px;background:var(--bg-light);text-align:center;transition:var(--transition);}
.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow);}
.feature-card .icon{font-size:3rem;margin-bottom:1.5rem;display:block;}
/* Contact Page Specifics */.contact-container{padding:6rem 0;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;}
.contact-info h2{font-size:3rem;margin-bottom:2rem;}
.info-item{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;}
.info-item .icon{width:60px;height:60px;background:var(--accent);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;}
.contact-form{background:var(--white);padding:3rem;border-radius:30px;box-shadow:var(--shadow);}
.form-group{margin-bottom:1.5rem;}
.form-group label{display:block;margin-bottom:0.5rem;font-weight:600;}
.form-group input, .form-group textarea{width:100%;padding:1rem;border:2px solid #eee;border-radius:12px;font-family:inherit;font-size:1rem;outline:none;transition:var(--transition);}
.form-group input:focus, .form-group textarea:focus{border-color:var(--primary);}
.contact-map{margin-top:4rem;margin-bottom:5rem;height:450px;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);}
/* Page Headers */.page-header{background:var(--white);padding:12rem 0 8rem;position:relative;overflow:hidden;text-align:center;border-bottom:1px solid rgba(0,0,0,0.03);}.page-header::before{content:'';position:absolute;top:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle, rgba(255, 107, 107, 0.1) 0%, rgba(255, 255, 255, 0) 70%);filter:blur(60px);z-index:1;}.page-header::after{content:'';position:absolute;bottom:-20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle, rgba(78, 205, 196, 0.1) 0%, rgba(255, 255, 255, 0) 70%);filter:blur(60px);z-index:1;}.page-header .container{position:relative;z-index:2;}.page-header h1{font-size:4.5rem;color:var(--text-dark);margin-bottom:1.5rem;font-weight:900;letter-spacing:-2px;line-height:1.1;}.page-header p{font-size:1.4rem;color:var(--text-muted);max-width:650px;margin:0 auto;line-height:1.6;}
/* Footer */footer{background:var(--text-dark);color:var(--white);padding:5rem 0 2rem;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem;}
.footer-col h4{margin-bottom:1.5rem;color:var(--accent);}
.footer-col ul li{margin-bottom:0.8rem;}
.footer-col ul li a:hover{color:var(--primary);}
.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);font-size:0.9rem;color:rgba(255,255,255,0.6);}
/* Responsive */@media (max-width:992px){.hero{grid-template-columns:1fr;text-align:center;padding:4rem 0;}
.hero-content h1{font-size:3rem;}
.contact-container{grid-template-columns:1fr;}
}
@media (max-width:768px){nav{flex-direction:column;gap:1rem;}
.nav-links{gap:1.5rem;}
}