:root{--primary-color: #000000;--secondary-color: #3D5AFE;--accent-pink: #FF4081;--accent-yellow: #FFD740;--accent-cyan: #00E5FF;--accent-green: #00E676;--text-dark: #111111;--text-light: #ffffff;--background-light: #F5F5F7;--background-white: #ffffff;--gradient-hero: linear-gradient(135deg, #FF4081 0%, #3D5AFE 100%);--gradient-text: linear-gradient(45deg, #3D5AFE, #FF4081);--font-main: "Inter", sans-serif;--font-heading: "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 40px;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .05);--shadow-md: 0 10px 30px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .12);--shadow-hover: 0 25px 50px rgba(0, 0, 0, .15);--transition-fast: .2s cubic-bezier(.25, .46, .45, .94);--transition-normal: .4s cubic-bezier(.25, .46, .45, .94)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);color:var(--text-dark);line-height:1.6;background-color:var(--background-light);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.1;font-weight:800;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}ul{list-style:none}img{max-width:100%;display:block;border-radius:var(--radius-md)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-block;padding:1rem 2.5rem;border-radius:50px;font-weight:700;font-size:1.1rem;cursor:pointer;border:none;transition:var(--transition-normal);text-transform:uppercase;letter-spacing:.05em}.btn-primary{background-color:var(--text-dark);color:var(--text-light)}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-4px);box-shadow:var(--shadow-md)}.text-center{text-align:center}.text-white{color:var(--text-light)}.header{position:fixed;top:0;left:0;width:100%;background-color:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:1.5rem 0;transition:var(--transition-normal)}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:900;color:var(--text-dark);letter-spacing:-.03em}.nav-list{display:flex;gap:var(--spacing-md)}.nav-link{font-weight:600;color:var(--text-dark);position:relative;font-size:1.1rem}.nav-link:hover{color:var(--secondary-color)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer}.bar{display:block;width:25px;height:3px;background-color:var(--text-dark);margin:5px 0;transition:var(--transition-normal)}.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;position:relative;background-color:var(--background-white);padding-top:100px;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:1000px;text-align:center}.hero-title{font-size:5rem;margin-bottom:var(--spacing-md);color:var(--text-dark);line-height:1}.hero-title span{background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.5rem;margin-bottom:var(--spacing-lg);color:#555;max-width:700px;margin-left:auto;margin-right:auto;font-weight:500}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);z-index:1;opacity:.6}.hero:before{width:600px;height:600px;background:var(--accent-pink);top:-100px;right:-100px;animation:float 10s infinite ease-in-out}.hero:after{width:500px;height:500px;background:var(--accent-cyan);bottom:-50px;left:-100px;animation:float 8s infinite ease-in-out reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,50px)}}.section{padding:var(--spacing-xl) 0}.section-header{margin-bottom:var(--spacing-xl);max-width:800px;margin-left:auto;margin-right:auto}.section-title{font-size:3.5rem;color:var(--text-dark);margin-bottom:var(--spacing-sm)}.section-subtitle{font-size:1.2rem;color:#666;font-weight:500}.about{background-color:var(--background-white)}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--spacing-xl);align-items:center}.about-text p{margin-bottom:var(--spacing-md);font-size:1.25rem;color:#444}.about-features{display:grid;gap:var(--spacing-md)}.feature-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--background-light);border-radius:var(--radius-md);transition:var(--transition-normal);border:1px solid transparent}.feature-item:hover{background:#fff;box-shadow:var(--shadow-md);border-color:#eee;transform:scale(1.02)}.feature-icon{font-size:2rem;background:#fff;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:var(--shadow-sm)}.services{background-color:var(--background-light)}.services-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.feature-card{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--radius-xl);overflow:hidden;min-height:500px;box-shadow:var(--shadow-lg);transition:var(--transition-normal)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.feature-content{padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:center;color:#fff}.feature-image{background-size:cover;background-position:center;min-height:300px}.feature-title{font-size:3rem;margin-bottom:var(--spacing-md);line-height:1.1}.feature-desc{font-size:1.25rem;opacity:.9;margin-bottom:var(--spacing-md);max-width:500px}.feature-btn{display:inline-block;padding:1rem 2rem;background:#fff;color:var(--text-dark);border-radius:50px;font-weight:700;text-transform:uppercase;align-self:flex-start;transition:var(--transition-fast)}.feature-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.feature-blue{background-color:var(--secondary-color)}.feature-blue .feature-content{background:linear-gradient(135deg,#2979ff,#3d5afe)}.feature-orange{background-color:#ff6d00}.feature-orange .feature-content{background:linear-gradient(135deg,#ff9100,#ff6d00)}.feature-green{background-color:var(--accent-green)}.feature-green .feature-content{background:linear-gradient(135deg,#00e676,#00c853);color:var(--text-dark)}@media (max-width: 900px){.feature-card{grid-template-columns:1fr;min-height:auto}.feature-image{height:300px;order:-1}.feature-content{padding:var(--spacing-md);text-align:center;align-items:center}.feature-title{font-size:2.5rem}}.contact{background:var(--text-dark);color:var(--text-light);padding:var(--spacing-xl) 0}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);background:#1a1a1a;padding:var(--spacing-xl);border-radius:var(--radius-xl)}.contact-info .section-title{color:var(--text-light)}.contact-item{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:1.2rem}.contact-item .icon{font-size:1.5rem;background:#ffffff1a;padding:15px;border-radius:50%;color:var(--accent-yellow)}.contact-form input,.contact-form textarea{width:100%;padding:1.2rem;border:2px solid #333;border-radius:var(--radius-sm);background:#111;color:#fff;font-family:var(--font-main);font-size:1rem;transition:var(--transition-fast)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--secondary-color);background:#000}.btn-block{width:100%;margin-top:var(--spacing-md);background:var(--accent-pink);color:#fff}.btn-block:hover{background:#fff;color:var(--accent-pink)}.footer{background-color:var(--background-white);color:var(--text-dark);padding:var(--spacing-lg) 0;text-align:center;border-top:1px solid #eee}.footer-logo{font-weight:900;font-size:1.5rem;margin-bottom:var(--spacing-sm)}.fade-in-up{opacity:0;transform:translateY(30px);animation:fadeInUp 1s cubic-bezier(.25,.46,.45,.94) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width: 768px){.hero-title{font-size:3rem}.section-title{font-size:2.5rem}.mobile-menu-btn{display:block;z-index:1001}.nav{position:fixed;top:0;right:-100%;width:85%;height:100vh;background:#fff;padding-top:100px;transition:.4s cubic-bezier(.25,.46,.45,.94);box-shadow:-10px 0 30px #0000001a}.nav.active{right:0}.nav-list{flex-direction:column;align-items:center;gap:var(--spacing-lg)}.nav-link{font-size:1.5rem}.about-grid,.contact-wrapper{grid-template-columns:1fr;padding:var(--spacing-md)}.hero:before,.hero:after{width:300px;height:300px}}
