@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#0a0a0acc;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#0a0a0af2;box-shadow:0 4px 20px #00000080}.nav-content{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.nav-logo{align-items:center;text-decoration:none;display:flex}.logo-container{align-items:center;gap:12px;display:flex}.logo-image{object-fit:contain;width:auto;height:32px}.logo-text{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-menu{align-items:center;gap:2rem;list-style:none;display:flex}.nav-menu li a{color:var(--text-light);padding:5px 0;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-menu li a:after{content:"";background:var(--gradient-1);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-menu li a:hover:after,.nav-menu li a.active:after{width:100%}.nav-menu li a:hover,.nav-menu li a.active{color:var(--text-dark)}.mobile-menu-toggle{color:var(--text-dark);cursor:pointer;z-index:1001;background:0 0;border:none;font-size:1.5rem;display:none}@media (width<=768px){.mobile-menu-toggle{display:block}.nav-menu{background:var(--card-bg);border-left:1px solid var(--border-color);flex-direction:column;justify-content:center;gap:2rem;width:70%;height:100vh;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 20px #00000080}.nav-menu.active{right:0}.nav-menu li a,.logo-text{font-size:1.2rem}.logo-image{height:35px}}.footer{background:var(--darker-bg);color:var(--white);border-top:1px solid var(--border-color);margin-top:auto;padding:60px 0 20px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer-section h3,.footer-section h4{color:var(--white);margin-bottom:20px}.footer-logo{align-items:center;gap:12px;margin-bottom:15px;display:flex}.footer-logo-image{object-fit:contain;width:auto;height:32px}.footer-logo h3{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem}.footer-description{color:var(--text-light);margin-bottom:20px;line-height:1.6}.social-links{gap:15px;display:flex}.social-links a{background:var(--card-bg);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-light);border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.social-links a:hover{background:var(--gradient-1);color:var(--white);border-color:#0000;transform:translateY(-3px)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:var(--text-light);text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:var(--primary-color)}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);padding-top:30px}.footer-bottom p{margin:5px 0}@media (width<=768px){.footer-content{grid-template-columns:1fr;gap:30px}.footer{padding:40px 0 20px}}.hero{background:var(--dark-bg);justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;background:radial-gradient(circle at 20%,#3b82f626 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf626 0%,#0000 50%),radial-gradient(circle at 40% 20%,#06b6d41a 0%,#0000 50%);position:absolute;inset:0;overflow:hidden}.floating-logos{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.floating-logo{opacity:.4;filter:drop-shadow(0 0 10px #6366f14d);width:60px;height:60px;position:absolute}.floating-logo img{object-fit:contain;width:100%;height:100%}.floating-logo-1{top:-100px;left:10%}.floating-logo-2{top:-100px;left:25%}.floating-logo-3{top:-100px;left:45%}.floating-logo-4{top:-100px;left:65%}.floating-logo-5{top:-100px;left:80%}.floating-logo-6{top:-100px;left:90%}.gradient-orb{filter:blur(100px);opacity:.3;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:#3b82f64d;width:600px;height:600px;animation-delay:0s;top:-200px;left:-200px}.orb-2{background:#8b5cf64d;width:500px;height:500px;animation-delay:5s;bottom:-150px;right:-150px}.orb-3{background:#06b6d433;width:400px;height:400px;animation-delay:10s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,-50px)scale(1.1)}66%{transform:translate(-50px,50px)scale(.9)}}.hero-content{text-align:center;color:#fff;z-index:1;max-width:900px;padding:0 20px;position:relative}.hero-logo{margin-bottom:30px}.hero-logo img{filter:brightness(0)invert()drop-shadow(0 4px 10px #ffffff4d);width:auto;height:120px}.hero-title{color:var(--text-dark);margin-bottom:20px;font-size:4rem;font-weight:800;line-height:1.2}.gradient-text{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-light);margin-bottom:40px;font-size:1.3rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.section-background{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.section{position:relative}.section .container{z-index:1;position:relative}.features{background:var(--dark-bg);position:relative;overflow:hidden}.features:before{content:"";background:linear-gradient(90deg, transparent, var(--border-color), transparent);height:1px;position:absolute;top:0;left:0;right:0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px;display:grid}.feature-card{background:var(--card-bg);text-align:center;border:1px solid var(--border-color);border-radius:16px;padding:40px 30px;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-1);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:var(--primary-color);box-shadow:0 10px 40px #3b82f633}.feature-icon{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:3rem}.feature-card h3{color:var(--text-dark);margin-bottom:15px;font-size:1.5rem}.feature-card p{color:var(--text-light);line-height:1.6}.technologies{background:var(--light-bg);padding-bottom:100px;position:relative;overflow:hidden}.technologies:before{content:"";background:linear-gradient(90deg, transparent, var(--border-color), transparent);height:1px;position:absolute;top:0;left:0;right:0}.tech-slider-container{width:100%;margin-top:60px;padding:20px 0;position:relative;overflow:hidden}.tech-slider-container:before,.tech-slider-container:after{content:"";z-index:2;pointer-events:none;width:150px;position:absolute;top:0;bottom:0}.tech-slider-container:before{background:linear-gradient(to right, var(--light-bg), transparent);left:0}.tech-slider-container:after{background:linear-gradient(to left, var(--light-bg), transparent);right:0}.tech-slider{gap:40px;width:fit-content;display:flex}.tech-slide{flex-shrink:0;width:180px}.tech-slide-content{background:var(--card-bg);text-align:center;border:2px solid var(--border-color);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:40px 30px;transition:all .3s;display:flex;position:relative;overflow:hidden}.tech-slide-content:before{content:"";background:var(--gradient-1);opacity:0;z-index:0;transition:opacity .3s;position:absolute;inset:0}.tech-slide:hover .tech-slide-content{border-color:var(--primary-color);transform:translateY(-10px);box-shadow:0 15px 50px #3b82f64d}.tech-slide:hover .tech-slide-content:before{opacity:.1}.tech-slide-icon{object-fit:contain;filter:drop-shadow(0 4px 10px #6366f14d);z-index:1;width:80px;height:80px;transition:all .3s;position:relative}.tech-slide-icon[alt=ChatGPT]{filter:brightness(0)invert()drop-shadow(0 4px 10px #6366f14d)}.tech-slide:hover .tech-slide-icon{filter:drop-shadow(0 8px 20px #6366f180);transform:scale(1.1)}.tech-slide:hover .tech-slide-icon[alt=ChatGPT]{filter:brightness(0)invert()drop-shadow(0 8px 20px #6366f180);transform:scale(1.1)}.tech-slide-name{color:var(--text-dark);background:var(--gradient-1);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.2rem;font-weight:700;position:relative}.courses{background:var(--light-bg);position:relative;overflow:hidden}.courses:before{content:"";background:linear-gradient(90deg, transparent, var(--border-color), transparent);height:1px;position:absolute;top:0;left:0;right:0}.courses-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px;display:grid}.course-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.course-card:before{content:"";background:var(--gradient-1);opacity:0;z-index:0;transition:opacity .3s;position:absolute;inset:0}.course-card:hover:before{opacity:.05}.course-card:hover{border-color:var(--primary-color);box-shadow:0 10px 40px #3b82f64d}.course-image-container{background:var(--light-bg);width:100%;height:250px;position:relative;overflow:hidden}.course-image{object-fit:contain;width:100%;height:100%;transition:transform .3s}.course-card:hover .course-image{transform:scale(1.1)}.course-overlay{background:linear-gradient(#0000 0%,#000000b3 100%);justify-content:center;align-items:flex-end;padding:20px;display:flex;position:absolute;inset:0}.course-icon{filter:drop-shadow(0 4px 10px #00000080);font-size:3rem}.course-body{z-index:1;padding:30px;position:relative}.course-body h3{color:var(--text-dark);margin-bottom:15px;font-size:1.5rem}.course-body p{color:var(--text-light);margin-bottom:20px;line-height:1.6}.course-meta{flex-wrap:wrap;gap:15px;margin-bottom:20px;display:flex}.course-duration,.course-level{background:var(--light-bg);color:var(--text-light);border:1px solid var(--border-color);border-radius:8px;padding:8px 15px;font-size:.9rem}.course-card .btn{width:100%}.instructor{background:var(--dark-bg);position:relative;overflow:hidden}.instructor:before{content:"";background:linear-gradient(90deg, transparent, var(--border-color), transparent);height:1px;position:absolute;top:0;left:0;right:0}.instructor-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;grid-template-columns:350px 1fr;gap:0;max-width:1000px;margin:0 auto;display:grid;position:relative;overflow:hidden}.instructor-card:before{content:"";background:var(--gradient-1);height:4px;position:absolute;top:0;left:0;right:0}.instructor-image-wrapper{background:var(--dark-bg);background-image:radial-gradient(circle at 20%,#3b82f626 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf626 0%,#0000 50%),radial-gradient(circle at 40% 20%,#06b6d41a 0%,#0000 50%);justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.instructor-photo{object-fit:cover;border:4px solid var(--border-color);border-radius:50%;width:280px;height:280px;box-shadow:0 10px 40px #0000004d}.instructor-badge{background:var(--gradient-1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex;position:absolute;top:30px;right:30px;box-shadow:0 4px 15px #3b82f680}.instructor-details{padding:50px 40px}.instructor-details h3{color:var(--text-dark);margin-bottom:10px;font-size:2.5rem}.instructor-role{color:var(--text-light);margin-bottom:30px;font-size:1.2rem;font-weight:600}.instructor-highlights{flex-wrap:wrap;gap:30px;margin-bottom:30px;display:flex}.highlight{background:var(--light-bg);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:10px;padding:12px 20px;display:flex}.highlight-icon{color:#fbbf24;font-size:1.2rem}.highlight span{color:var(--text-light);font-weight:600}.instructor-description{color:var(--text-light);margin-bottom:20px;font-size:1rem;line-height:1.8}.instructor-description strong{color:var(--text-dark);background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cta{background:var(--dark-bg);position:relative;overflow:hidden}.cta:before{content:"";background:linear-gradient(90deg, transparent, var(--border-color), transparent);height:1px;position:absolute;top:0;left:0;right:0}.cta-content{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;max-width:700px;margin:0 auto;padding:60px 30px;position:relative;overflow:hidden}.cta-content:before{content:"";background:var(--gradient-1);height:3px;position:absolute;top:0;left:0;right:0}.cta-content h2{color:var(--text-dark);margin-bottom:20px;font-size:2.5rem}.cta-content p{color:var(--text-light);margin-bottom:40px;font-size:1.2rem}.btn-large{padding:15px 50px;font-size:1.1rem}@media (width<=768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:300px}.features-grid,.courses-grid,.instructor-card{grid-template-columns:1fr}.instructor-image-wrapper{padding:30px}.instructor-details{padding:30px 20px}.instructor-details h3{font-size:2rem}.instructor-role{font-size:1rem}.instructor-highlights{gap:15px}.highlight{padding:10px 15px;font-size:.9rem}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}}.course-detail{background:var(--dark-bg);min-height:100vh;padding-top:80px}.course-hero{color:#fff;min-height:500px;padding:100px 0;position:relative;overflow:hidden}.course-hero-image{z-index:0;position:absolute;inset:0}.course-hero-image img{object-fit:cover;width:100%;height:100%}.course-hero-overlay{background:linear-gradient(#000000b3 0%,#0a0a0af2 100%);position:absolute;inset:0}.course-hero .container{z-index:1;position:relative}.back-button{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-dark);cursor:pointer;z-index:1;border-radius:8px;align-items:center;gap:10px;margin-bottom:40px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative}.back-button:hover{background:var(--light-bg);border-color:var(--primary-color);transform:translate(-5px)}.course-hero-content{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.course-hero-icon{filter:drop-shadow(0 4px 10px #3b82f680);margin-bottom:20px;font-size:5rem;display:block}.course-hero-content h1{color:var(--text-dark);margin-bottom:20px;font-size:3.5rem;font-weight:800}.course-hero-content p{color:var(--text-light);margin-bottom:30px;font-size:1.3rem;line-height:1.6}.course-hero-meta{justify-content:center;gap:30px;font-size:1.1rem;display:flex}.course-hero-meta span{background:var(--light-bg);border:1px solid var(--border-color);color:var(--text-light);border-radius:8px;padding:10px 20px}.tracks-section{margin-bottom:80px}.tracks-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:50px;display:grid}.track-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:40px;transition:all .3s;position:relative}.track-card:before{content:"";background:var(--gradient-1);border-radius:16px 16px 0 0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.track-card:hover:before{transform:scaleX(1)}.track-card:hover{border-color:var(--primary-color);box-shadow:0 10px 40px #3b82f64d}.track-card.popular{border-color:var(--primary-color);transform:scale(1.02);box-shadow:0 10px 40px #3b82f633}.track-card.popular:before{transform:scaleX(1)}.popular-badge{background:var(--gradient-1);color:#fff;border-radius:8px;padding:8px 20px;font-size:.9rem;font-weight:600;position:absolute;top:-15px;right:30px;box-shadow:0 4px 15px #3b82f666}.track-card h3{color:var(--text-dark);margin-bottom:20px;font-size:1.8rem}.track-price{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:800}.track-duration{color:var(--text-light);margin-bottom:30px;font-size:1rem}.track-features{margin-bottom:30px;list-style:none}.track-features li{color:var(--text-light);align-items:flex-start;gap:12px;margin-bottom:15px;line-height:1.6;display:flex}.check-icon{color:#10b981;flex-shrink:0;margin-top:3px;font-size:1.2rem}.track-card .btn{justify-content:center;align-items:center;gap:10px;width:100%;font-size:1.1rem;display:flex}.tools-section{margin-bottom:80px}.tools-grid{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:40px;display:flex}.tool-badge{background:var(--card-bg);color:var(--text-light);border:1px solid var(--border-color);border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.tool-badge:hover{background:var(--gradient-1);color:#fff;border-color:#0000;transform:translateY(-3px);box-shadow:0 6px 20px #3b82f666}.highlights-section{margin-bottom:80px}.highlights-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px;display:grid}.highlight-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:15px;padding:20px;transition:all .3s;display:flex}.highlight-item:hover{border-color:var(--primary-color);transform:translate(10px);box-shadow:0 6px 20px #3b82f633}.highlight-icon{color:#10b981;flex-shrink:0;font-size:1.5rem}.highlight-item span{color:var(--text-light);font-weight:600}.course-cta{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:20px;margin-top:80px;padding:60px;position:relative;overflow:hidden}.course-cta:before{content:"";background:var(--gradient-1);height:3px;position:absolute;top:0;left:0;right:0}.course-cta h2{color:var(--text-dark);margin-bottom:15px;font-size:2.5rem}.course-cta p{color:var(--text-light);margin-bottom:30px;font-size:1.2rem}.course-cta .btn{align-items:center;gap:10px;display:inline-flex}.course-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:100px 20px;display:flex}.course-not-found h2{color:var(--text-dark);margin-bottom:20px;font-size:2rem}@media (width<=768px){.course-hero-content h1{font-size:2.5rem}.course-hero-content p{font-size:1.1rem}.course-hero-meta{flex-direction:column;gap:15px}.tracks-grid{grid-template-columns:1fr}.track-card.popular{transform:scale(1)}.track-price{font-size:2rem}.course-cta{padding:40px 20px}.course-cta h2{font-size:2rem}.course-cta p{font-size:1rem}.highlights-grid{grid-template-columns:1fr}}.freelance-page{min-height:100vh}.freelance-hero{background:var(--dark-bg);justify-content:center;align-items:center;min-height:60vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.freelance-hero .hero-background{z-index:0;background:radial-gradient(circle at 20%,#3b82f626 0%,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf626 0%,#0000 50%);position:absolute;inset:0}.freelance-hero .hero-content{text-align:center;color:#fff;z-index:1;max-width:900px;padding:0 20px;position:relative}.freelance-hero .hero-title{color:var(--text-dark);margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.2}.freelance-hero .hero-subtitle{color:var(--text-light);margin-bottom:40px;font-size:1.3rem;line-height:1.6}.services-section{background:var(--light-bg);position:relative}.services-section:before{content:"";background:linear-gradient(90deg, transparent, var(--border-color), transparent);height:1px;position:absolute;top:0;left:0;right:0}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px;display:grid}.service-card{background:var(--card-bg);text-align:center;border:1px solid var(--border-color);border-radius:16px;padding:40px 30px;transition:all .3s;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--gradient-1);height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{border-color:var(--primary-color);box-shadow:0 10px 40px #3b82f633}.service-icon{background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:3rem}.service-card h3{color:var(--text-dark);margin-bottom:15px;font-size:1.5rem}.service-card p{color:var(--text-light);line-height:1.6}.project-form-section{background:var(--dark-bg);position:relative}.project-form-section:before{content:"";background:linear-gradient(90deg, transparent, var(--border-color), transparent);height:1px;position:absolute;top:0;left:0;right:0}.project-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;max-width:800px;margin:0 auto;padding:50px;position:relative}.project-form:before{content:"";background:var(--gradient-1);border-radius:20px 20px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--text-dark);margin-bottom:8px;font-size:.95rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border-color);background:var(--light-bg);color:var(--text-dark);border-radius:10px;padding:14px 18px;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:120px}.form-group select{cursor:pointer}.project-form .btn-large{width:100%;margin-top:20px;padding:18px;font-size:1.1rem}.success-message{color:#22c55e;background:#22c55e1a;border:2px solid #22c55e;border-radius:10px;align-items:center;gap:10px;margin-top:20px;padding:15px 20px;font-weight:600;display:flex}.success-message svg{font-size:1.5rem}.why-choose{background:var(--light-bg);position:relative}.why-choose:before{content:"";background:linear-gradient(90deg, transparent, var(--border-color), transparent);height:1px;position:absolute;top:0;left:0;right:0}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px;display:grid}.benefit-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:40px 30px;transition:all .3s}.benefit-card:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 40px #3b82f633}.benefit-card h3{color:var(--text-dark);margin-bottom:15px;font-size:1.5rem}.benefit-card p{color:var(--text-light);line-height:1.6}@media (width<=768px){.freelance-hero .hero-title{font-size:2.5rem}.freelance-hero .hero-subtitle{font-size:1.1rem}.project-form{padding:30px 20px}.form-row,.services-grid,.benefits-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#3b82f6;--secondary-color:#8b5cf6;--accent-color:#06b6d4;--dark-bg:#0a0a0a;--darker-bg:#050505;--card-bg:#1a1a1a;--light-bg:#111;--text-dark:#fff;--text-light:#a1a1aa;--text-muted:#71717a;--white:#fff;--border-color:#27272a;--gradient-1:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-2:linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--gradient-3:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-dark:linear-gradient(135deg, #1e293b 0%, #0f172a 100%)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--dark-bg);color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App{background:var(--dark-bg);flex-direction:column;min-height:100vh;display:flex}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--darker-bg)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{text-align:center;background:var(--gradient-1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:2.5rem;font-weight:700}.section-subtitle{text-align:center;color:var(--text-light);max-width:600px;margin-bottom:50px;margin-left:auto;margin-right:auto;font-size:1.1rem}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 30px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:var(--gradient-1);color:var(--white);box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680}.btn-secondary{color:var(--primary-color);border:2px solid var(--primary-color);background:0 0}.btn-secondary:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}@media (width<=768px){.section{padding:60px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}}