@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Orbitron:wght@400;700;900&display=swap";:root{--background: hsl(0, 0%, 100%);--foreground: hsl(0, 0%, 8%);--surface: hsl(0, 0%, 98%);--surface-elevated: hsl(0, 0%, 100%);--glass-bg: hsla(0, 0%, 100%, .05);--glass-border: hsla(0, 0%, 100%, .18);--glass-shadow: hsla(0, 0%, 0%, .1);--gradient-primary: linear-gradient(135deg, hsl(240, 100%, 70%), hsl(280, 100%, 70%));--gradient-secondary: linear-gradient(135deg, hsl(200, 100%, 70%), hsl(240, 100%, 70%));--gradient-accent: linear-gradient(135deg, hsl(180, 100%, 70%), hsl(200, 100%, 70%));--primary: hsl(240, 100%, 70%);--primary-foreground: hsl(0, 0%, 100%);--secondary: hsl(240, 5%, 96%);--secondary-foreground: hsl(240, 6%, 10%);--muted: hsl(240, 5%, 96%);--muted-foreground: hsl(240, 4%, 46%);--accent: hsl(240, 100%, 70%);--accent-foreground: hsl(0, 0%, 100%);--border: hsl(240, 6%, 90%);--input: hsl(240, 6%, 90%);--ring: hsl(240, 100%, 70%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(240, 10%, 4%);--radius: 1rem;--glass-blur: blur(24px);--shadow-glow: 0 0 40px hsla(240, 100%, 70%, .3);--shadow-elevated: 0 25px 50px -12px hsla(0, 0%, 0%, .25);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .6s cubic-bezier(.68, -.55, .265, 1.55)}.dark{--background: hsl(0, 0%, 4%);--foreground: hsl(0, 0%, 98%);--surface: hsl(0, 0%, 6%);--surface-elevated: hsl(0, 0%, 8%);--glass-bg: hsla(0, 0%, 0%, .4);--glass-border: hsla(0, 0%, 100%, .1);--glass-shadow: hsla(0, 0%, 0%, .5);--primary: hsl(240, 100%, 80%);--primary-foreground: hsl(0, 0%, 8%);--secondary: hsl(240, 4%, 16%);--secondary-foreground: hsl(0, 0%, 98%);--muted: hsl(240, 4%, 16%);--muted-foreground: hsl(240, 5%, 65%);--accent: hsl(240, 100%, 80%);--accent-foreground: hsl(0, 0%, 8%);--border: hsl(240, 4%, 16%);--input: hsl(240, 4%, 16%);--ring: hsl(240, 100%, 80%);--card: hsl(0, 0%, 6%);--card-foreground: hsl(0, 0%, 98%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Orbitron,Inter,sans-serif;font-weight:700;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.hidden{display:none!important}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 8px 32px var(--glass-shadow);transition:var(--transition-smooth)}.glass-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-glow),var(--shadow-elevated)}.gradient-primary{background:var(--gradient-primary)}.gradient-secondary{background:var(--gradient-secondary)}.gradient-accent{background:var(--gradient-accent)}.gradient-text{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.gradient-text-secondary{background:var(--gradient-secondary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.nav-container{position:fixed;top:0;left:0;right:0;z-index:50;padding:1.5rem;animation:slideDown .8s ease-out}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);padding:.75rem 1.5rem;animation:scaleIn .6s ease-out .2s both}.nav-logo h1{font-size:1.25rem;font-weight:700;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:none;align-items:center;gap:2rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);padding:.75rem 2rem;animation:scaleIn .6s ease-out .4s both}@media (min-width: 768px){.nav-links{display:flex}}.nav-link{color:var(--foreground);text-decoration:none;transition:color .3s ease}.nav-link:hover{color:var(--primary)}.theme-toggle{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);padding:.75rem;cursor:pointer;animation:scaleIn .6s ease-out .6s both;transition:var(--transition-smooth)}.theme-toggle:hover{background:var(--glass-border)}.theme-icon{width:20px;height:20px;color:var(--foreground);transition:var(--transition-smooth)}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--background)}.hero-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(240,100%,70%,.05) 0%,transparent 50%,hsla(240,100%,80%,.05) 100%)}.hero-container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 1024px){.hero-container{grid-template-columns:1fr 1fr}}.hero-text{display:flex;flex-direction:column;gap:2rem}.hero-title{font-size:3rem;font-weight:900;line-height:1.1;margin-bottom:1rem}@media (min-width: 1024px){.hero-title{font-size:4.5rem}}.hero-subtitle{font-size:1.25rem;color:var(--muted-foreground);font-weight:500}@media (min-width: 1024px){.hero-subtitle{font-size:1.5rem}}.hero-tagline{font-size:1.5rem;font-weight:700;color:var(--foreground);margin-bottom:1.5rem}@media (min-width: 1024px){.hero-tagline{font-size:1.875rem}}.hero-body{font-size:1.125rem;color:var(--muted-foreground);max-width:32rem;line-height:1.7}.hero-actions{display:flex;gap:1rem}.btn-primary,.btn-outline{padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:var(--radius);border:none;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--gradient-primary);color:#fff;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 8px 32px var(--glass-shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-outline{background:var(--glass-bg);color:var(--foreground);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-outline:hover{background:var(--glass-border);border-color:var(--primary)}.btn-full{width:100%}.hero-3d{position:relative;height:24rem;perspective:1000px}@media (min-width: 1024px){.hero-3d{height:37.5rem}}.orb-container{position:relative;width:20rem;height:20rem;margin:0 auto;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}.orb-main{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow);animation:glow 2s ease-in-out infinite alternate}.orb-layer{position:absolute;border-radius:50%;opacity:.6;filter:blur(4px)}.orb-layer-1{top:1rem;right:1rem;bottom:1rem;left:1rem;background:var(--gradient-primary);opacity:.6;filter:blur(2px)}.orb-layer-2{top:2rem;right:2rem;bottom:2rem;left:2rem;background:var(--gradient-secondary);opacity:.4;filter:blur(6px)}.orb-layer-3{top:3rem;right:3rem;bottom:3rem;left:3rem;background:var(--gradient-accent);opacity:.2;filter:blur(8px)}.orbital-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid}.ring-1{border-color:#66f3;animation:spin 20s linear infinite}.ring-2{top:1rem;right:1rem;bottom:1rem;left:1rem;border-color:#6666ff26;animation:spin 30s linear infinite reverse}.ring-3{top:2rem;right:2rem;bottom:2rem;left:2rem;border-color:#6666ff1a;animation:spin 40s linear infinite}.particles-container{position:absolute;top:0;right:0;bottom:0;left:0}.bg-effect{position:absolute;width:24rem;height:24rem;border-radius:50%;filter:blur(3rem);opacity:.1;animation:pulse 4s ease-in-out infinite}.bg-effect-1{top:25%;left:25%;background:var(--gradient-primary)}.bg-effect-2{bottom:25%;right:25%;background:var(--gradient-secondary);animation-delay:1s}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);cursor:pointer;animation:fadeInUp .8s ease-out 1.4s both}.scroll-arrow{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:50%;padding:.75rem;animation:bounce 2s infinite;transition:var(--transition-smooth)}.scroll-arrow:hover{background:var(--glass-border)}.scroll-arrow svg{color:var(--primary)}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}@media (min-width: 1024px){.section-title{font-size:3rem}}.section-description{font-size:1.25rem;color:var(--muted-foreground);max-width:48rem;margin:0 auto;text-align:center;line-height:1.7}.section-header{margin-bottom:4rem}.why-us-section{padding:6rem 0;position:relative;overflow:hidden}.section-bg-effect{position:absolute;top:0;left:50%;width:24rem;height:24rem;background:var(--gradient-primary);border-radius:50%;filter:blur(3rem);opacity:.05;transform:translate(-50%)}.features-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:4rem}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);padding:2rem;height:100%;transition:var(--transition-smooth);position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-glow),var(--shadow-elevated)}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;opacity:0;transition:var(--transition-smooth)}.feature-card:hover:before{opacity:1}.feature-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-icon svg{color:#fff}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--foreground);transition:color .3s ease}.feature-card:hover h3{color:var(--primary)}.feature-card p{color:var(--muted-foreground);line-height:1.7}.section-cta{text-align:center}.section-cta p{font-size:1.125rem;color:var(--muted-foreground);margin-bottom:2rem}.rotating-icon{display:inline-flex;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:50%;padding:.5rem}.icon-spinner{width:3rem;height:3rem;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;animation:spin 10s linear infinite}.icon-spinner svg{color:#fff}.capabilities-section{padding:6rem 0}.capabilities-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media (min-width: 768px){.capabilities-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.capabilities-grid{grid-template-columns:repeat(4,1fr)}}.capability-item{text-align:center;padding:2rem}.capability-icon{width:6rem;height:6rem;margin:0 auto 2rem;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.capability-item:hover .capability-icon{transform:scale(1.1);box-shadow:var(--shadow-glow)}.capability-icon svg{color:#fff}.capability-item h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--foreground)}.capability-item p{color:var(--muted-foreground);line-height:1.7}.projects-section{padding:6rem 0;background:var(--surface)}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;transition:var(--transition-smooth);cursor:pointer}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-glow),var(--shadow-elevated)}.project-visual{height:12rem;position:relative;overflow:hidden}.project-gradient{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.8}.project-content{padding:2rem}.project-content h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--foreground)}.project-content p{color:var(--muted-foreground);line-height:1.7;margin-bottom:1.5rem}.project-tech{display:flex;gap:.5rem;flex-wrap:wrap}.project-tech span{background:var(--muted);color:var(--muted-foreground);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.contact-section{padding:6rem 0}.contact-content{display:grid;grid-template-columns:1fr;gap:4rem;align-items:start}@media (min-width: 1024px){.contact-content{grid-template-columns:1fr 1fr}}.contact-text .section-title{text-align:left;margin-bottom:1.5rem}.contact-text .section-description{text-align:left;margin-bottom:3rem}.contact-info{margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.contact-icon{width:3rem;height:3rem;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-icon svg{color:#fff}.social-links{display:flex;gap:1rem}.social-link{width:3rem;height:3rem;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--foreground);text-decoration:none;transition:var(--transition-smooth)}.social-link:hover{background:var(--gradient-primary);color:#fff;transform:scale(1.1)}.contact-form-container{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);padding:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;margin-bottom:.5rem;color:var(--foreground)}.form-group input,.form-group select,.form-group textarea{background:var(--input);border:1px solid var(--border);border-radius:calc(var(--radius) * .5);padding:.75rem 1rem;font-size:1rem;color:var(--foreground);transition:var(--transition-smooth)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #66f3}.form-group textarea{resize:vertical;min-height:100px}@keyframes slideDown{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes glow{0%{filter:drop-shadow(0 0 20px hsla(240,100%,70%,.3))}to{filter:drop-shadow(0 0 40px hsla(240,100%,70%,.6))}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-10px,0)}70%{transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}.animate-on-scroll.slide-left{transform:translate(-50px)}.animate-on-scroll.slide-left.animated{transform:translate(0)}.animate-on-scroll.slide-right{transform:translate(50px)}.animate-on-scroll.slide-right.animated{transform:translate(0)}.animate-on-scroll.scale-in{transform:scale(.8)}.animate-on-scroll.scale-in.animated{transform:scale(1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:#6666ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6666ff80}*:focus{outline:none}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}