body{margin:0;min-width:320px;min-height:100vh;font-family:Outfit,sans-serif}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}:root{--primary-yellow: #FFD700;--secondary-yellow: #FFF176;--light-yellow: #FFFDE7;--white: #FFFFFF;--black: #0D0D0D;--dark-blue: #00008B;--electric-blue: #0066FF;--blue-glow: #0044CC;--dark-bg: #0A0A0A;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:var(--dark-bg);color:var(--black);overflow-x:hidden}.app{min-height:100vh;position:relative}.background-effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--primary-yellow) 0%,transparent 70%);top:-200px;right:-200px;animation:float 15s ease-in-out infinite}.orb-2{width:400px;height:400px;background:radial-gradient(circle,var(--secondary-yellow) 0%,transparent 70%);bottom:20%;left:-100px;animation:float 12s ease-in-out infinite reverse}.orb-3{width:300px;height:300px;background:radial-gradient(circle,var(--electric-blue) 0%,transparent 70%);top:50%;right:20%;animation:float 18s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(30px,-30px)}50%{transform:translate(-20px,20px)}75%{transform:translate(20px,30px)}}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,215,0,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--white);cursor:pointer}.logo-icon{color:var(--primary-yellow);font-size:28px;text-shadow:0 0 20px var(--primary-yellow)}.logo-text{background:linear-gradient(135deg,var(--white) 0%,var(--primary-yellow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:32px}.nav-links button{background:none;border:none;color:var(--gray-300);font-size:16px;font-weight:500;cursor:pointer;padding:8px 16px;position:relative;transition:color .3s;font-family:Outfit,sans-serif}.nav-links button:hover,.nav-links button.active{color:var(--primary-yellow)}.nav-links button:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-yellow);transition:all .3s ease;transform:translate(-50%)}.nav-links button:hover:after,.nav-links button.active:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.hamburger span{width:25px;height:3px;background:var(--white);transition:all .3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 24px 80px;position:relative;background:linear-gradient(180deg,var(--dark-bg) 0%,#0D0D0D 100%)}.hero-content{position:relative;z-index:10;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffd70026;border:1px solid var(--primary-yellow);padding:12px 24px;border-radius:50px;color:var(--primary-yellow);font-size:14px;font-weight:500;margin-bottom:32px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 40px #ffd70099}}.hero-title{font-size:clamp(40px,8vw,80px);font-weight:800;line-height:1.1;color:var(--white);margin-bottom:24px}.typing-text{display:block;color:var(--primary-yellow);text-shadow:0 0 30px var(--primary-yellow)}.cursor{color:var(--primary-yellow);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.hero-description{font-size:clamp(16px,2vw,20px);color:var(--gray-300);max-width:600px;margin:0 auto 40px;line-height:1.7}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-primary{display:inline-flex;align-items:center;gap:10px;background:var(--primary-yellow);color:var(--black);border:none;padding:16px 32px;font-size:16px;font-weight:600;border-radius:50px;cursor:pointer;font-family:Outfit,sans-serif;transition:all .3s;box-shadow:0 0 30px #ffd70066}.cta-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--white);border:2px solid var(--gray-300);padding:16px 32px;font-size:16px;font-weight:500;border-radius:50px;cursor:pointer;font-family:Outfit,sans-serif;transition:all .3s}.cta-secondary:hover{border-color:var(--primary-yellow);color:var(--primary-yellow)}.scroll-indicator{position:absolute;bottom:40px;color:var(--primary-yellow);opacity:.8}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.floating-icon{position:absolute;color:var(--primary-yellow);opacity:.15}.services{padding:100px 0;background:linear-gradient(180deg,var(--dark-bg) 0%,#0F0F0F 50%,var(--dark-bg) 100%);position:relative}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:clamp(32px,5vw,48px);font-weight:700;color:var(--white);margin-bottom:16px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-yellow),var(--electric-blue));border-radius:2px}.section-subtitle{font-size:18px;color:var(--gray-300);max-width:600px;margin:24px auto 0}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:0 16px}.service-card{background:#ffffff08;border:1px solid rgba(255,215,0,.1);border-radius:24px;padding:32px 24px;position:relative;overflow:hidden;transition:all .4s ease;min-height:280px;display:flex;flex-direction:column}.service-card>*{position:relative;z-index:1}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-yellow),var(--electric-blue));transform:scaleX(0);transition:transform .4s ease}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-yellow),var(--secondary-yellow));border-radius:20px;margin-bottom:24px;color:var(--black)}.service-card h3{font-size:22px;font-weight:600;color:var(--white);margin-bottom:12px}.service-card p{font-size:15px;color:var(--gray-300);line-height:1.7}.card-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.1) 0%,transparent 60%);pointer-events:none}.future-projects{padding:100px 0;background:var(--dark-bg);position:relative}.ai-vision-banner{background:linear-gradient(135deg,#00008b4d,#06f3);border:2px solid var(--dark-blue);border-radius:32px;padding:60px;text-align:center;margin-bottom:60px;position:relative;overflow:hidden}.ai-vision-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,215,0,.1),transparent);animation:rotate 10s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.vision-content{position:relative;z-index:10}.brain-icon{color:var(--primary-yellow);margin-bottom:24px;filter:drop-shadow(0 0 20px var(--primary-yellow))}.vision-content h3{font-size:clamp(24px,4vw,36px);font-weight:700;color:var(--white);margin-bottom:16px}.vision-content p{font-size:18px;color:var(--gray-300);max-width:700px;margin:0 auto 24px;line-height:1.8}.vision-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary-yellow);color:var(--black);padding:12px 24px;border-radius:50px;font-weight:600}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.project-card{background:#ffffff05;border:1px solid rgba(0,0,139,.3);border-radius:20px;padding:32px;transition:all .4s ease}.project-card:hover{border-color:var(--primary-yellow);background:#ffd7000d}.project-status{display:inline-block;background:#06f3;color:var(--electric-blue);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:16px}.project-icon{color:var(--primary-yellow);margin-bottom:16px}.project-card h4{font-size:20px;font-weight:600;color:var(--white);margin-bottom:8px}.project-card p{font-size:14px;color:var(--gray-300);line-height:1.6}.contact{padding:100px 0;background:linear-gradient(180deg,var(--dark-bg) 0%,#0D0D0D 100%)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:20px 16px 8px;font-size:16px;color:var(--white);font-family:Outfit,sans-serif;transition:all .3s;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-yellow);box-shadow:0 0 30px #ffd70033}.form-group label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-300);font-size:16px;pointer-events:none;transition:all .3s}.form-group textarea~label{top:20px;transform:translateY(0)}.form-group input:focus~label,.form-group input:not(:placeholder-shown)~label,.form-group textarea:focus~label,.form-group textarea:not(:placeholder-shown)~label{top:8px;font-size:12px;color:var(--primary-yellow)}.input-glow{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-yellow),var(--electric-blue));transform-origin:left;border-radius:0 0 16px 16px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--primary-yellow),var(--secondary-yellow));color:var(--black);border:none;padding:18px 32px;font-size:16px;font-weight:600;border-radius:16px;cursor:pointer;font-family:Outfit,sans-serif;transition:all .3s;margin-top:8px}.submit-btn:hover:not(:disabled){box-shadow:0 0 40px #ffd70080}.submit-btn.loading{background:var(--gray-300)}.submit-btn.success{background:#4caf50;color:var(--white)}.loading-spinner{width:20px;height:20px;border:3px solid rgba(0,0,0,.2);border-top-color:var(--black);border-radius:50%}.info-card{background:#ffffff08;border:1px solid rgba(255,215,0,.1);border-radius:24px;padding:40px}.info-card h4{font-size:24px;font-weight:600;color:var(--white);margin-bottom:8px}.info-card p{color:var(--gray-300);margin-bottom:24px}.social-links{display:flex;gap:16px}.social-links a{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,215,0,.2);border-radius:14px;color:var(--primary-yellow);transition:all .3s}.social-links a:hover{background:var(--primary-yellow);color:var(--black)}.footer{padding:40px 0;background:var(--dark-bg);border-top:1px solid rgba(255,215,0,.1)}.footer-content{text-align:center}.footer-logo{display:flex;align-items:center;justify-content:center;gap:12px;font-size:24px;font-weight:700;color:var(--white);margin-bottom:16px}.footer-logo .logo-icon{font-size:28px}.footer p{color:var(--gray-300);font-size:14px;margin-bottom:8px}.footer-tagline{color:var(--primary-yellow)!important;font-weight:500}@media(max-width:1024px){.contact-content{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.nav-links{position:fixed;top:80px;left:0;right:0;background:#0a0a0afa;flex-direction:column;padding:24px;gap:16px;transform:translateY(-150%);transition:transform .3s ease}.nav-links.open{transform:translateY(0)}.hamburger{display:flex}.hero{padding:100px 20px 60px}.hero-buttons{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:280px;justify-content:center}.services-grid{grid-template-columns:1fr;padding:0 8px}.service-card{padding:24px 20px;min-height:auto}.services{padding:60px 0}.section-header{margin-bottom:40px;padding:0 16px}.ai-vision-banner{padding:40px 24px}.projects-grid{grid-template-columns:1fr}}