:root{--bg-primary: #080d18;--bg-secondary: #0f172a;--bg-card: #111827;--bg-card-hover: #1e293b;--bg-elevated: #1e293b;--bg-overlay: rgba(0, 0, 0, .6);--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #a855f7;--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #475569;--border-color: rgba(99, 102, 241, .15);--border-hover: rgba(99, 102, 241, .3);--border-active: rgba(99, 102, 241, .5);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-accent: linear-gradient(135deg, #a855f7 0%, #3b82f6 50%, #06b6d4 100%);--gradient-card: linear-gradient(145deg, rgba(17, 24, 39, .8) 0%, rgba(30, 41, 59, .4) 100%);--gradient-glow: radial-gradient(circle, rgba(99, 102, 241, .15) 0%, transparent 70%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--shadow-glow-lg: 0 0 40px rgba(99, 102, 241, .4), 0 0 80px rgba(99, 102, 241, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-cursor: 9999}:root{--bg-primary: #080d18;--bg-secondary: #0b1120;--bg-card: #0f172a;--bg-card-hover: #141d33;--border: rgba(255, 255, 255, .07);--border-bright: rgba(255, 255, 255, .12);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-purple: #8b5cf6;--accent-blue: #3b82f6;--accent-indigo: #6366f1;--gradient-text: linear-gradient(135deg, #a78bfa 0%, #60a5fa 50%, #818cf8 100%);--gradient-btn: linear-gradient(135deg, #7c3aed, #4f46e5);--gradient-btn-hover: linear-gradient(135deg, #6d28d9, #4338ca);--transition: .25s cubic-bezier(.4, 0, .2, 1);--radius: 12px;--radius-sm: 8px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1e293b,#1e40af55);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1e40af,#3b82f6)}::-webkit-scrollbar-track{background:#0b1120}::-webkit-scrollbar-track:hover{background:#0f172a}::selection{background:#8b5cf659;color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0);filter:blur(10px)}to{opacity:1;transform:translateZ(0);filter:blur(0px)}}@keyframes fadeUpWords{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale3d(.9,.9,1)}to{opacity:1;transform:scaleZ(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate3d(100px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-100px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes glowPulse{0%{box-shadow:0 0 #a855f766}50%{box-shadow:0 0 20px #a855f799}to{box-shadow:0 0 #a855f766}}@keyframes colorShift{0%{border-color:#a855f780;box-shadow:0 0 15px #a855f74d}50%{border-color:#3b82f680;box-shadow:0 0 15px #3b82f64d}to{border-color:#a855f780;box-shadow:0 0 15px #a855f74d}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shine{0%{opacity:0;transform:translate3d(-100%,0,0)}50%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(-20px)}75%{transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradientFlow{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes blurFocus{0%{filter:blur(10px);opacity:0}to{filter:blur(0px);opacity:1}}@keyframes blurOut{0%{filter:blur(0px);opacity:1}to{filter:blur(10px);opacity:0}}@keyframes scaleIn{0%{transform:scale3d(0,0,1)}to{transform:scaleZ(1)}}@keyframes scaleOut{0%{transform:scaleZ(1)}to{transform:scale3d(0,0,1)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes wave{0%{transform:translate(-100%) translateY(0)}50%{transform:translate(0) translateY(-20px)}to{transform:translate(100%) translateY(0)}}@keyframes skewIn{0%{transform:skew(10deg);opacity:0}to{transform:skew(0);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}to{transform:perspective(400px) rotateX(0);opacity:1}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes countUp{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes gridPulse{0%{opacity:.1}50%{opacity:.3}to{opacity:.1}}@keyframes glowBox{0%{box-shadow:0 0 5px #a855f733,inset 0 0 5px #a855f71a}50%{box-shadow:0 0 20px #a855f766,inset 0 0 20px #a855f733}to{box-shadow:0 0 5px #a855f733,inset 0 0 5px #a855f71a}}@keyframes tilt{0%,to{transform:perspective(1000px) rotateX(0) rotateY(0)}50%{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}.animate-fade-in-scale{animation:fadeInScale .6s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-in-right{animation:slideInRight .8s cubic-bezier(.4,0,.2,1) forwards}.animate-glow-pulse{animation:glowPulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 2s linear infinite}.animate-shimmer{background:linear-gradient(to right,#a855f71a,#a855f74d,#a855f71a);background-size:1000px 100%;animation:shimmer 2s infinite}.will-animate{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0003}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:0 0 20px #a855f780}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.text-gradient-animate{background:linear-gradient(90deg,#a855f7,#3b82f6,#06b6d4,#3b82f6,#a855f7);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease infinite}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(168,85,247,.2);border-top:4px solid rgba(168,85,247,.8);border-radius:50%;animation:spin 1s linear infinite}.loading-dots{display:flex;gap:4px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:#a855f7cc;animation:bounce 1.4s infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.stagger-0{animation-delay:0s}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.stagger-9{animation-delay:.9s}.stagger-10{animation-delay:1s}.tech-stack-section{background:linear-gradient(180deg,#080d18,#0b1120);padding:100px 0 80px;position:relative}.tech-stack-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent)}.tech-stack-section .container{max-width:1200px;margin:0 auto;padding:0 24px}.section-title{font-family:Poppins,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:800;background:linear-gradient(135deg,#a855f7,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 40px;text-align:center;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}.terminal-section{background:linear-gradient(180deg,#0b1120,#080d18);padding:100px 0 80px;position:relative}.terminal-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.terminal-section .container{max-width:1000px;margin:0 auto;padding:0 24px}@media(max-width:768px){.tech-stack-section,.terminal-section{padding:60px 0 40px}.section-title{font-size:clamp(20px,5vw,32px);margin-bottom:30px}}html{height:100%;--mat-sys-background: light-dark(#fef8fc, #151316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);--mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);--mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);--mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #42008a);--mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-primary-fixed: light-dark(#270057, #270057);--mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-on-secondary: light-dark(#ffffff, #352d40);--mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);--mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);--mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);--mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#7b757f, #958e99);--mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);--mat-sys-primary: light-dark(#7d00fa, #d5baff);--mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#645b70, #cec2db);--mat-sys-secondary-container: light-dark(#eadef7, #4b4357);--mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);--mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fef8fc, #151316);--mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);--mat-sys-surface-container: light-dark(#f2ecf1, #211f22);--mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);--mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);--mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);--mat-sys-surface-dim: light-dark(#ded8dd, #151316);--mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);--mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Inter;--mat-sys-body-large-font: Inter;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Inter;--mat-sys-body-medium-font: Inter;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Inter;--mat-sys-body-small-font: Inter;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Inter;--mat-sys-display-large-font: Inter;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;--mat-sys-display-medium-font: Inter;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Inter;--mat-sys-display-small-font: Inter;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Inter;--mat-sys-headline-large-font: Inter;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;--mat-sys-headline-medium-font: Inter;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Inter;--mat-sys-headline-small-font: Inter;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Inter;--mat-sys-label-large-font: Inter;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Inter;--mat-sys-label-medium-font: Inter;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Inter;--mat-sys-label-small-font: Inter;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Inter;--mat-sys-title-large-font: Inter;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Inter;--mat-sys-title-medium-font: Inter;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Inter;--mat-sys-title-small-font: Inter;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--bg-primary);background-image:radial-gradient(rgba(255,255,255,.05) 1.5px,transparent 1.5px);background-size:32px 32px;background-position:center top;background-attachment:fixed;color:var(--text-primary);font-family:Inter,Roboto,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 24px}a{color:inherit}img,svg{display:block}@media(max-width:860px){.container{padding:0 16px!important}}@media(max-width:480px){.container{padding:0 14px!important;max-width:100%!important}html{font-size:14px}body{overflow-x:hidden}}