@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";
:root{--vh:1vh;--color-primary-dark:#0a1628;--color-primary:#1e3a5f;--color-primary-light:#2b5278;--color-accent-cyan:#00d4ff;--color-accent-indigo:#6366f1;--color-accent-gold:#f59e0b;--color-accent-orange:#f97316;--color-text-primary:#fff;--color-text-secondary:#ffffffb3;--color-text-muted:#ffffff80;--glass-bg:#ffffff14;--glass-bg-hover:#ffffff1f;--glass-border:#ffffff2e;--glass-border-hover:#00d4ff4d;--glass-blur:12px;--gradient-primary:linear-gradient(135deg,#00d4ff 0%,#6366f1 100%);--gradient-gold:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);--gradient-dark:linear-gradient(180deg,#0a1628e6 0%,#1e3a5fcc 100%);--shadow-sm:0 4px 15px #0003;--shadow-md:0 10px 30px #0000004d;--shadow-lg:0 20px 40px #0006;--shadow-glow:0 0 30px #00d4ff4d;--shadow-gold-glow:0 4px 15px #f59e0b66;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--color-primary-dark);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,Poppins,sans-serif;overflow-x:hidden}a{color:inherit;transition:color var(--transition-normal);text-decoration:none}a:hover{color:var(--color-accent-cyan)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff80}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 20px 40px #00d4ff26}.full-bleed{width:100vw;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%}.animate-fade-in-up{animation:.8s both fadeInUp}.animate-fade-in{animation:.6s both fadeIn}.animate-scale-in{animation:.5s both scaleIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.hero-section{min-height:calc(var(--vh,1vh)*100);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}@supports (min-height:100dvh){.hero-section{min-height:100dvh}}.hero-title{margin-bottom:var(--space-lg);text-shadow:0 2px 20px #00000080;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1}.hero-subtitle{margin-bottom:var(--space-2xl);color:var(--color-text-secondary);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:300}.section{padding:var(--space-4xl)var(--space-lg);position:relative}.section-title{margin-bottom:var(--space-md);font-weight:700}.section-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-3xl);max-width:600px;margin-left:auto;margin-right:auto}.header-scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);background:#0a1628d9!important}.footer{padding:var(--space-2xl)var(--space-lg);background:var(--color-primary-dark);border-top:1px solid var(--glass-border);text-align:center}.footer-gradient-line{background:var(--gradient-primary);height:2px;margin-bottom:var(--space-2xl)}.btn-glow{background:var(--gradient-gold);box-shadow:var(--shadow-gold-glow);transition:all var(--transition-normal)}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b80}.service-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-normal);height:100%}.service-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-8px);box-shadow:0 20px 40px #00d4ff33}.service-card-link{color:inherit;height:100%;text-decoration:none;display:block}.service-card-link:hover .service-card{border-color:var(--color-accent-cyan)}.skills-section{background:var(--gradient-gold);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (max-width:768px){.section{padding:var(--space-3xl)var(--space-md)}.hero-title{padding:0 var(--space-md);font-size:clamp(2rem,8vw,2.5rem)}.hero-subtitle{padding:0 var(--space-md);font-size:clamp(.875rem,4vw,1.125rem)}.service-card{padding:var(--space-lg)}}@media (max-width:480px){:root{--space-3xl:48px;--space-4xl:64px}}