:root{--color-bg-primary: #000000;--color-bg-secondary: #0d1b2a;--color-bg-tertiary: #1a1f35;--color-bg-card: rgba(13, 27, 42, .6);--color-text-primary: #e8eaed;--color-text-secondary: #b8b8b8;--color-text-muted: #7a8ba3;--color-accent-primary: #d4a574;--color-accent-secondary: #7a8ba3;--color-accent-tertiary: #9b8a6f;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow-subtle: 0 0 20px rgba(212, 165, 116, .15);--shadow-glow-medium: 0 0 30px rgba(212, 165, 116, .2);--border-subtle: 1px solid rgba(122, 139, 163, .2);--border-medium: 1px solid rgba(122, 139, 163, .4);--border-accent: 1px solid rgba(212, 165, 116, .3);--card-bg: var(--color-bg-card);--card-border: var(--border-subtle);--card-radius: var(--radius-8);--card-padding: var(--space-24);--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-glow-medium);--font-size-13: .8125rem;--font-size-14: .875rem;--font-size-16: 1rem;--font-size-18: 1.125rem;--font-size-20: 1.25rem;--font-size-24: 1.5rem;--font-size-32: 2rem;--font-size-48: 3rem;--font-size-56: 3.5rem;--font-regular: 400;--font-medium: 500;--font-bold: 600;--space-2: .125rem;--space-4: .25rem;--space-8: .5rem;--space-12: .75rem;--space-16: 1rem;--space-20: 1.25rem;--space-24: 1.5rem;--space-32: 2rem;--space-40: 2.5rem;--space-48: 3rem;--space-64: 4rem;--space-80: 5rem;--space-100: 6.25rem;--radius-4: .25rem;--radius-8: .5rem;--radius-12: .75rem;--radius-16: 1rem;--radius-full: 999px;--z-background: -1;--z-base: 0;--z-fixed: 1000;--z-overlay: 50;--z-modal: 100;--nav-height: 70px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:Open Sans,sans-serif;background:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 100%);background-attachment:fixed;min-height:100vh;color:var(--color-text-primary);overflow-x:hidden;overflow-y:auto;line-height:1.7;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Space Mono,monospace;font-weight:var(--font-bold);line-height:1.25;color:var(--color-text-primary);letter-spacing:-.02em}p{font-size:var(--font-size-16);line-height:1.75;color:var(--color-text-secondary);margin:var(--space-16) 0;font-weight:300}a{text-decoration:none;color:inherit;transition:color .3s ease}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-background);background-image:radial-gradient(3px 3px at 20% 30%,white,transparent),radial-gradient(3px 3px at 60% 70%,white,transparent),radial-gradient(3px 3px at 85% 15%,white,transparent),radial-gradient(3px 3px at 42% 88%,white,transparent),radial-gradient(3px 3px at 73% 53%,white,transparent),radial-gradient(3px 3px at 8% 62%,white,transparent),radial-gradient(3px 3px at 95% 82%,white,transparent),radial-gradient(3px 3px at 31% 11%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(2px 2px at 15% 85%,white,transparent),radial-gradient(2px 2px at 35% 55%,white,transparent),radial-gradient(2px 2px at 55% 5%,white,transparent),radial-gradient(2px 2px at 85% 75%,white,transparent),radial-gradient(2px 2px at 48% 38%,white,transparent),radial-gradient(2px 2px at 92% 18%,white,transparent),radial-gradient(2px 2px at 42% 68%,white,transparent),radial-gradient(2px 2px at 68% 52%,white,transparent),radial-gradient(2px 2px at 11% 33%,white,transparent),radial-gradient(2px 2px at 77% 91%,white,transparent),radial-gradient(2px 2px at 29% 47%,white,transparent),radial-gradient(2px 2px at 63% 19%,white,transparent),radial-gradient(2px 2px at 4% 79%,white,transparent),radial-gradient(2px 2px at 51% 63%,white,transparent),radial-gradient(2px 2px at 87% 37%,white,transparent),radial-gradient(2px 2px at 18% 96%,white,transparent),radial-gradient(2px 2px at 71% 7%,white,transparent),radial-gradient(2px 2px at 39% 74%,white,transparent),radial-gradient(2px 2px at 96% 44%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent),radial-gradient(1px 1px at 70% 40%,white,transparent),radial-gradient(1px 1px at 45% 15%,white,transparent),radial-gradient(1px 1px at 25% 95%,white,transparent),radial-gradient(1px 1px at 10% 10%,white,transparent),radial-gradient(1px 1px at 75% 25%,white,transparent),radial-gradient(1px 1px at 5% 60%,white,transparent),radial-gradient(1px 1px at 95% 35%,white,transparent),radial-gradient(1px 1px at 40% 90%,white,transparent),radial-gradient(1px 1px at 12% 45%,white,transparent),radial-gradient(1px 1px at 65% 92%,white,transparent),radial-gradient(1px 1px at 78% 58%,white,transparent),radial-gradient(1px 1px at 22% 72%,white,transparent),radial-gradient(1px 1px at 58% 82%,white,transparent),radial-gradient(1px 1px at 3% 28%,white,transparent),radial-gradient(1px 1px at 88% 48%,white,transparent),radial-gradient(1px 1px at 28% 8%,white,transparent),radial-gradient(1px 1px at 16% 52%,white,transparent),radial-gradient(1px 1px at 83% 33%,white,transparent),radial-gradient(1px 1px at 47% 77%,white,transparent),radial-gradient(1px 1px at 62% 4%,white,transparent),radial-gradient(1px 1px at 9% 89%,white,transparent),radial-gradient(1px 1px at 54% 21%,white,transparent),radial-gradient(1px 1px at 37% 66%,white,transparent),radial-gradient(1px 1px at 91% 51%,white,transparent),radial-gradient(1px 1px at 2% 14%,white,transparent),radial-gradient(1px 1px at 74% 86%,white,transparent),radial-gradient(1px 1px at 44% 43%,white,transparent),radial-gradient(1px 1px at 19% 69%,white,transparent),radial-gradient(1px 1px at 66% 31%,white,transparent),radial-gradient(1px 1px at 81% 97%,white,transparent),radial-gradient(1px 1px at 53% 56%,white,transparent),radial-gradient(1px 1px at 7% 41%,white,transparent),radial-gradient(1px 1px at 36% 2%,white,transparent),radial-gradient(1px 1px at 98% 73%,white,transparent),radial-gradient(1px 1px at 24% 24%,white,transparent),radial-gradient(1px 1px at 59% 46%,white,transparent),radial-gradient(1px 1px at 14% 76%,white,transparent),radial-gradient(1px 1px at 82% 64%,white,transparent),radial-gradient(1px 1px at 46% 99%,white,transparent),radial-gradient(1px 1px at 69% 17%,white,transparent),radial-gradient(1px 1px at 1% 54%,white,transparent),radial-gradient(1px 1px at 93% 29%,white,transparent),radial-gradient(1px 1px at 27% 83%,white,transparent),radial-gradient(1px 1px at 56% 36%,white,transparent),radial-gradient(1px 1px at 38% 93%,white,transparent),radial-gradient(1px 1px at 79% 6%,white,transparent),radial-gradient(1px 1px at 13% 59%,white,transparent),radial-gradient(1px 1px at 64% 78%,white,transparent),radial-gradient(1px 1px at 41% 27%,white,transparent),radial-gradient(1px 1px at 86% 42%,white,transparent),radial-gradient(1px 1px at 6% 98%,white,transparent),radial-gradient(1px 1px at 72% 13%,white,transparent),radial-gradient(1px 1px at 34% 61%,white,transparent),radial-gradient(1px 1px at 97% 87%,white,transparent),radial-gradient(1px 1px at 21% 34%,white,transparent),radial-gradient(1px 1px at 57% 71%,white,transparent),radial-gradient(1px 1px at 43% 9%,white,transparent),radial-gradient(1px 1px at 76% 49%,white,transparent),radial-gradient(1px 1px at 17% 22%,white,transparent),radial-gradient(1px 1px at 89% 67%,white,transparent),radial-gradient(1px 1px at 32% 39%,white,transparent),radial-gradient(1px 1px at 61% 84%,white,transparent),radial-gradient(1px 1px at 8% 16%,white,transparent),radial-gradient(1px 1px at 52% 57%,white,transparent),radial-gradient(1px 1px at 84% 94%,white,transparent),radial-gradient(1px 1px at 26% 48%,white,transparent),radial-gradient(1px 1px at 67% 26%,white,transparent),radial-gradient(1px 1px at 94% 71%,white,transparent),radial-gradient(1px 1px at 15% 3%,white,transparent),radial-gradient(1px 1px at 48% 58%,white,transparent),radial-gradient(1px 1px at 99% 32%,white,transparent),radial-gradient(1px 1px at 23% 81%,white,transparent);background-size:200% 200%;background-position:0% 0%;opacity:0;animation:starsFadeIn .5s ease-out forwards,twinkle 5s ease-in-out .5s infinite}#starfield{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-background);pointer-events:none}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:var(--z-fixed);background:#0d1b2a66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:var(--border-subtle);transition:all .3s ease}.navbar.scrolled{background:#0d1b2ab3;box-shadow:var(--shadow-lg)}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--space-32);height:100%;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:Space Mono,monospace;font-size:var(--font-size-20);font-weight:var(--font-bold);color:var(--color-accent-primary);transition:all .3s ease}.nav-logo:hover{color:var(--color-text-primary);text-shadow:0 0 20px rgba(212,165,116,.5)}.nav-links{display:flex;gap:var(--space-32);list-style:none}.nav-link{font-size:var(--font-size-16);color:var(--color-text-secondary);padding:var(--space-8) var(--space-12);border-radius:var(--radius-4);transition:all .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--color-accent-primary);transition:width .3s ease}.nav-link:hover,.nav-link.active{color:var(--color-accent-primary)}.nav-link.active:after,.nav-link:hover:after{width:80%}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-8)}.hamburger{width:25px;height:2px;background:var(--color-text-primary);transition:all .3s ease}#appWrapper{position:relative;min-height:100vh;width:100%}.main-content{position:relative;padding-top:var(--nav-height);z-index:var(--z-base)}.section{max-width:1400px;margin:0 auto;padding:var(--space-100) var(--space-48);opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;position:relative}.section.fade-in-visible{opacity:1;transform:translateY(0)}.section+.section:before{content:"";display:block;width:120px;height:1px;margin:0 auto var(--space-100);background:linear-gradient(90deg,transparent,var(--color-accent-primary),transparent);opacity:.4}.section-title{font-size:var(--font-size-48);color:var(--color-accent-primary);margin-bottom:var(--space-20);text-align:center;letter-spacing:-.03em;text-shadow:0 0 40px rgba(212,165,116,.15)}.section-subtitle{font-size:var(--font-size-18);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-48);font-weight:300;letter-spacing:.01em;max-width:700px;margin-left:auto;margin-right:auto}.section-intro{max-width:800px;margin:0 auto var(--space-48);text-align:center}.section-intro p{font-size:var(--font-size-16);color:var(--color-text-secondary);line-height:1.85;margin-bottom:var(--space-20);font-weight:300}.section-intro p:last-child{margin-bottom:0}.hero-section{min-height:calc(100vh - var(--nav-height));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-80) var(--space-48);position:relative;background-image:linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 100%),url("./media/background-BNZ2BEFV.jpg");background-size:cover;background-position:center;background-blend-mode:overlay;background-attachment:fixed}.hero-content{max-width:800px;margin:0 auto;background:#0d1b2a80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--border-subtle);border-radius:var(--radius-16);padding:var(--space-64) var(--space-48);box-shadow:var(--shadow-lg)}.hero-title{font-size:var(--font-size-56);margin-bottom:var(--space-24);animation:fadeInUp 1s ease-out}.gradient-text{background:linear-gradient(135deg,#d4a574,#f0c674,#d4a574);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:gradientShift 3s ease-in-out infinite}.hero-tagline{font-size:var(--font-size-24);color:var(--color-text-primary);margin-bottom:var(--space-24);animation:fadeInUp 1s ease-out .2s both;font-weight:300;letter-spacing:-.01em}.hero-description{font-size:var(--font-size-18);color:var(--color-text-secondary);margin-bottom:var(--space-40);animation:fadeInUp 1s ease-out .4s both;font-weight:300;line-height:1.8}.hero-cta{display:flex;gap:var(--space-16);justify-content:center;animation:fadeInUp 1s ease-out .6s both}.btn{padding:var(--space-16) var(--space-32);border-radius:var(--radius-8);font-size:var(--font-size-16);font-weight:var(--font-medium);transition:all .3s ease;display:inline-flex;align-items:center;gap:var(--space-8);cursor:pointer;border:none;min-width:160px;justify-content:center}.btn-primary{background:var(--color-accent-primary);color:var(--color-bg-primary)}.btn-primary:hover{background:var(--color-accent-tertiary);transform:translateY(-2px);box-shadow:0 8px 20px #d4a5744d}.btn-secondary{background:transparent;color:var(--color-accent-primary);border:2px solid var(--color-accent-primary)}.btn-secondary:hover{background:var(--color-accent-primary);color:var(--color-bg-primary);transform:translateY(-2px)}.scroll-indicator{position:absolute;bottom:var(--space-40);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-8);color:var(--color-text-muted);font-size:var(--font-size-14);animation:bounce 2s ease-in-out infinite}.about-intro{display:flex;gap:var(--space-48);align-items:center;margin-bottom:var(--space-64);flex-wrap:wrap;justify-content:center}.profile-image-container{flex-shrink:0}.profile-image-large{width:250px;height:250px;object-fit:cover;border-radius:50%;border:4px solid var(--color-accent-primary);box-shadow:var(--shadow-glow-medium)}.about-stats{display:flex;gap:var(--space-24);flex-wrap:wrap}.stat-card{background:#0d1b2a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-subtle);border-radius:var(--radius-12);padding:var(--space-24);min-width:140px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow-subtle);border-color:var(--color-accent-primary)}.stat-number{display:block;font-size:var(--font-size-32);font-weight:var(--font-bold);color:var(--color-accent-primary);font-family:Space Mono,monospace}.stat-label{display:block;font-size:var(--font-size-14);color:var(--color-text-secondary);font-weight:300;letter-spacing:.02em;margin-top:var(--space-8)}.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-32)}.card,.glass-card{background:#0d1b2a66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:var(--border-subtle);border-radius:var(--radius-12);padding:var(--card-padding);transition:all .3s ease}.card:hover,.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow-medium);border-color:var(--color-accent-primary)}.card-image{width:100%;height:180px;border-radius:var(--radius-8);overflow:hidden;margin-bottom:var(--space-20)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card:hover .card-image img,.glass-card:hover .card-image img{transform:scale(1.05)}.card-icon{width:60px;height:60px;border-radius:var(--radius-12);background:linear-gradient(135deg,#d4a57433,#9b8a6f33);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-20);font-size:var(--font-size-24);color:var(--color-accent-primary)}.card-title{font-size:var(--font-size-20);color:var(--color-accent-primary);margin-bottom:var(--space-16);letter-spacing:-.02em}.card p{font-size:var(--font-size-16);color:var(--color-text-secondary);line-height:1.75;margin:0;font-weight:300}.skills-category{margin-bottom:var(--space-48)}.category-title{font-size:var(--font-size-20);color:var(--color-text-primary);margin-bottom:var(--space-24);display:flex;align-items:center;gap:var(--space-12)}.category-title i{color:var(--color-accent-primary)}.pill-container{display:flex;flex-wrap:wrap;gap:var(--space-12)}.pill{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-20);font-size:var(--font-size-14);font-weight:var(--font-medium);color:var(--color-text-primary);background:#0d1b2a66;border-radius:var(--radius-full);border-left:3px solid transparent;white-space:nowrap;transition:all .3s ease}.pill-core{background:#d4a5741a;border-left-color:var(--color-accent-primary);border-left-style:solid}.pill-extra{background:#7a8ba31a;border-left-color:var(--color-accent-secondary);border-left-style:dashed}.pill-tools{background:#e8eaed0d;border-left-color:var(--color-text-muted);border-left-style:dotted}.pill:hover{background:#d4a57433;transform:translateY(-2px);box-shadow:var(--shadow-glow-subtle)}.timeline{position:relative;max-width:900px;margin:0 auto;padding-left:var(--space-48)}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--color-accent-primary),var(--color-accent-secondary))}.timeline-item{position:relative;margin-bottom:var(--space-48);padding-left:var(--space-32)}.timeline-icon{position:absolute;left:-8px;top:0;width:40px;height:40px;border-radius:50%;background:var(--color-bg-primary);border:3px solid var(--color-accent-primary);display:flex;align-items:center;justify-content:center;color:var(--color-accent-primary);font-size:var(--font-size-16);z-index:1}.timeline-item.education .timeline-icon{border-color:var(--color-accent-secondary);color:var(--color-accent-secondary)}.timeline-content{background:#0d1b2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-subtle);border-radius:var(--radius-12);padding:var(--space-24);transition:all .3s ease}.timeline-content:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow-subtle)}.timeline-date{display:block;font-size:var(--font-size-14);color:var(--color-accent-primary);font-weight:var(--font-medium);margin-bottom:var(--space-8);font-family:Space Mono,monospace}.timeline-title{font-size:var(--font-size-20);color:var(--color-text-primary);margin-bottom:var(--space-8)}.timeline-company{font-size:var(--font-size-18);color:var(--color-accent-secondary);margin-bottom:var(--space-4)}.timeline-location{font-size:var(--font-size-14);color:var(--color-text-muted);margin-bottom:var(--space-16)}.timeline-description{font-size:var(--font-size-16);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-16)}.timeline-tags{display:flex;flex-wrap:wrap;gap:var(--space-8)}.tag{padding:var(--space-4) var(--space-12);background:#d4a57426;border-radius:var(--radius-full);font-size:var(--font-size-13);color:var(--color-accent-primary)}.subsection-title{font-size:var(--font-size-24);color:var(--color-text-primary);margin-top:var(--space-48);margin-bottom:var(--space-24);display:flex;align-items:center;gap:var(--space-12)}.subsection-title i{color:var(--color-accent-primary)}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-24)}.certificate-card{display:flex;gap:var(--space-20);padding:var(--space-24);align-items:flex-start}.certificate-icon{font-size:var(--font-size-32);color:var(--color-accent-primary);flex-shrink:0}.certificate-content{flex:1}.certificate-title{font-size:var(--font-size-18);color:var(--color-text-primary);margin-bottom:var(--space-4)}.certificate-provider{font-size:var(--font-size-14);color:var(--color-accent-primary);margin-bottom:var(--space-8)}.certificate-description{font-size:var(--font-size-14);color:var(--color-text-secondary);margin-bottom:var(--space-12);line-height:1.5}.certificate-status{display:inline-block;padding:var(--space-4) var(--space-12);background:#d4a57426;border:1px solid rgba(212,165,116,.3);border-radius:var(--radius-full);font-size:var(--font-size-13);color:var(--color-accent-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-32)}.project-card{display:flex;flex-direction:column;overflow:hidden;max-width:500px}.projects-grid .project-card:only-child{margin:0 auto}.projects-subsection-title{font-size:var(--font-size-20);color:var(--color-text-primary);margin-top:var(--space-32);margin-bottom:var(--space-20);display:flex;align-items:center;gap:var(--space-16);padding-bottom:var(--space-8);border-bottom:1px solid rgba(212,165,116,.2)}.projects-subsection-title i{color:var(--color-accent-primary)}.project-card--placeholder{opacity:.5}.project-image{width:100%;height:200px;overflow:hidden;border-radius:var(--radius-8);margin-bottom:var(--space-20);background:#0d1b2a99}.project-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-56);color:var(--color-accent-primary);opacity:.3}.project-image--iframe{height:300px;position:relative}.project-image--iframe iframe{width:200%;height:200%;border:none;transform:scale(.5);transform-origin:top left;pointer-events:none;border-radius:var(--radius-8)}.project-content{flex:1;display:flex;flex-direction:column}.project-title{font-size:var(--font-size-20);color:var(--color-accent-primary);margin-bottom:var(--space-16)}.project-description{font-size:var(--font-size-16);color:var(--color-text-secondary);margin-bottom:var(--space-20);flex:1;line-height:1.75;font-weight:300}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-20)}.tech-pill{padding:var(--space-4) var(--space-12);background:#d4a57426;border:1px solid rgba(212,165,116,.3);border-radius:var(--radius-full);font-size:var(--font-size-13);color:var(--color-accent-primary)}.project-links{display:flex;flex-wrap:wrap;gap:var(--space-16)}.project-link{font-size:var(--font-size-14);color:var(--color-accent-primary);display:flex;align-items:center;gap:var(--space-8);transition:all .3s ease}.project-link:hover{color:var(--color-text-primary);transform:translate(4px)}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-24)}.process-step{text-align:center;padding:var(--space-32) var(--space-24)}.step-number{display:block;font-size:var(--font-size-48);font-family:Space Mono,monospace;font-weight:var(--font-bold);color:var(--color-accent-primary);opacity:.3;line-height:1;margin-bottom:var(--space-16)}.step-title{font-size:var(--font-size-18);color:var(--color-text-primary);font-family:Space Mono,monospace;font-weight:var(--font-bold);margin-bottom:var(--space-12)}.process-step p{font-size:var(--font-size-14);color:var(--color-text-secondary);margin:0;line-height:1.75;font-weight:300}.projects-cta{text-align:center;margin-top:var(--space-48)}.projects-cta p{color:var(--color-text-muted);margin-bottom:var(--space-24)}.btn-enquiry{margin-top:var(--space-24);padding:var(--space-16) var(--space-32);font-size:var(--font-size-16);font-weight:var(--font-medium);background:var(--color-accent-primary);color:var(--color-bg-primary);border:none;border-radius:var(--radius-8);display:inline-flex;align-items:center;gap:var(--space-8);text-decoration:none;transition:all .3s ease;cursor:pointer}.btn-enquiry:hover{background:var(--color-accent-tertiary);transform:translateY(-2px);box-shadow:0 8px 20px #d4a5744d}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-32)}.blog-card{display:flex;flex-direction:column;overflow:hidden;max-width:500px}.blog-grid .blog-card:only-child{margin:0 auto}.blog-image{width:100%;height:160px;overflow:hidden;border-radius:var(--radius-8);margin-bottom:var(--space-20);background:#0d1b2a99}.blog-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-48);color:var(--color-accent-primary);opacity:.3}.blog-content{flex:1;display:flex;flex-direction:column}.blog-meta{display:flex;gap:var(--space-16);margin-bottom:var(--space-12)}.blog-date,.blog-read-time{font-size:var(--font-size-13);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-4)}.blog-date i,.blog-read-time i{color:var(--color-accent-secondary)}.blog-title{font-size:var(--font-size-20);color:var(--color-accent-primary);margin-bottom:var(--space-12)}.blog-excerpt{font-size:var(--font-size-16);color:var(--color-text-secondary);margin-bottom:var(--space-16);flex:1;line-height:1.75;font-weight:300}.blog-tags{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-bottom:var(--space-16)}.blog-link{font-size:var(--font-size-14);color:var(--color-accent-primary);display:inline-flex;align-items:center;gap:var(--space-8);font-weight:var(--font-medium);transition:all .3s ease;margin-top:auto}.blog-link:hover{color:var(--color-text-primary);gap:var(--space-12)}.blog-cta{text-align:center;margin-top:var(--space-48)}.github-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-32);margin-bottom:var(--space-48)}.stat-image-card{background:#0d1b2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-subtle);border-radius:var(--radius-12);padding:var(--space-24);text-align:center;transition:all .3s ease}.stat-image-card.full-width{grid-column:1 / -1}.stat-image-card:hover{border-color:var(--color-accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-glow-subtle)}.stat-image-card h3{font-size:var(--font-size-18);color:var(--color-text-primary);margin-bottom:var(--space-16)}.stat-image-card img{max-width:100%;height:auto;border-radius:var(--radius-8)}.github-cta{text-align:center}.contact-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-48);max-width:1000px;margin:0 auto}.contact-info{display:flex;flex-direction:column;gap:var(--space-32)}.contact-item{display:flex;gap:var(--space-20);align-items:flex-start}.contact-icon{width:50px;height:50px;border-radius:var(--radius-8);background:linear-gradient(135deg,#d4a57433,#9b8a6f33);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-20);color:var(--color-accent-primary);flex-shrink:0}.contact-details h3{font-size:var(--font-size-18);color:var(--color-text-primary);margin-bottom:var(--space-8)}.contact-details p,.contact-details a{font-size:var(--font-size-16);color:var(--color-text-secondary)}.contact-details a:hover{color:var(--color-accent-primary)}.status-badge{display:inline-block;padding:var(--space-4) var(--space-16);background:#4caf5033;border:1px solid rgba(76,175,80,.4);border-radius:var(--radius-full);font-size:var(--font-size-13);color:#4caf50;font-weight:var(--font-medium)}.social-links-large{display:flex;gap:var(--space-16);flex-wrap:wrap}.social-btn{flex:1;min-width:150px;padding:var(--space-16);border-radius:var(--radius-8);display:flex;align-items:center;justify-content:center;gap:var(--space-12);font-size:var(--font-size-16);font-weight:var(--font-medium);transition:all .3s ease}.social-btn.linkedin{background:#0a66c233;border:1px solid rgba(10,102,194,.4);color:#0a66c2}.social-btn.linkedin:hover{background:#0a66c24d;transform:translateY(-2px);box-shadow:0 8px 20px #0a66c24d}.social-btn.github{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--color-text-primary)}.social-btn.github:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 20px #ffffff1a}.contact-form-placeholder{background:#0d1b2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-subtle);border-radius:var(--radius-12);padding:var(--space-48);display:flex;align-items:center;justify-content:center}.form-placeholder-content{text-align:center}.form-placeholder-content>i{font-size:var(--font-size-48);color:var(--color-accent-primary);opacity:.5;margin-bottom:var(--space-20)}.form-placeholder-content h3{font-size:var(--font-size-20);color:var(--color-text-primary);margin-bottom:var(--space-12)}.form-placeholder-content p{font-size:var(--font-size-16);color:var(--color-text-muted);line-height:1.75;font-weight:300}.footer{background:#0d1b2a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:var(--border-subtle);padding:var(--space-64) var(--space-48) var(--space-24)}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-48);margin-bottom:var(--space-48)}.footer-column h3,.footer-column h4{font-size:var(--font-size-18);color:var(--color-accent-primary);margin-bottom:var(--space-16)}.footer-brand{font-family:Space Mono,monospace}.footer-tagline{font-size:var(--font-size-14);color:var(--color-text-secondary);margin-bottom:var(--space-16);font-weight:300;letter-spacing:.01em}.footer-copyright{font-size:var(--font-size-13);color:var(--color-text-muted)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-12)}.footer-links a{font-size:var(--font-size-14);color:var(--color-text-secondary);transition:all .3s ease}.footer-links a:hover{color:var(--color-accent-primary);padding-left:var(--space-8)}.footer-social{display:flex;gap:var(--space-16);margin-bottom:var(--space-20)}.footer-social a{width:40px;height:40px;border-radius:var(--radius-8);background:#0d1b2a99;border:var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-18);color:var(--color-text-secondary);transition:all .3s ease}.footer-social a:hover{background:var(--color-accent-primary);color:var(--color-bg-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow-subtle)}.footer-status{margin-top:var(--space-16)}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:var(--space-24);border-top:var(--border-subtle);text-align:center;font-size:var(--font-size-13);color:var(--color-text-muted)}.footer-bottom a{color:var(--color-accent-primary);transition:color .3s ease}.footer-bottom a:hover{color:var(--color-text-primary)}@keyframes starsFadeIn{0%{opacity:0}to{opacity:.7}}@keyframes twinkle{0%,to{opacity:.7}50%{opacity:.4}}@keyframes shoot{0%{transform:translate(0) translateY(0) rotate(45deg);opacity:0}5%{opacity:1}10%{opacity:0;transform:translate(300px) translateY(300px) rotate(45deg)}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.fade-in-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in-on-scroll.fade-in-visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){:root{--font-size-56: 2.5rem;--font-size-48: 2rem;--space-100: 4rem}.nav-container{padding:0 var(--space-24)}.section,.hero-section{padding:var(--space-64) var(--space-32)}.hero-content{padding:var(--space-48) var(--space-32)}.about-intro{flex-direction:column}.about-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.projects-grid,.blog-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.process-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.github-stats-grid{grid-template-columns:1fr}.timeline{padding-left:var(--space-40)}}@media (max-width: 768px){:root{--nav-height: 60px;--font-size-56: 2rem;--font-size-48: 1.75rem;--font-size-32: 1.5rem}.nav-toggle{display:flex}.nav-links{position:fixed;top:var(--nav-height);left:0;right:0;flex-direction:column;background:#0d1b2af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:var(--space-24);gap:var(--space-16);transform:translate(-100%);transition:transform .3s ease;border-bottom:var(--border-subtle)}.nav-links.active{transform:translate(0)}.nav-link:after{display:none}.section{padding:var(--space-48) var(--space-20)}.hero-section{min-height:auto;padding:var(--space-64) var(--space-20)}.hero-content{padding:var(--space-40) var(--space-24)}.hero-cta{flex-direction:column;width:100%}.btn{width:100%}.about-stats{justify-content:center}.stat-card{flex:1;min-width:120px}.about-cards{grid-template-columns:1fr}.pill{font-size:var(--font-size-13);padding:var(--space-8) var(--space-16)}.timeline{padding-left:var(--space-32)}.timeline:before{left:15px}.timeline-icon{width:35px;height:35px;left:-6px}.projects-grid,.blog-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.github-stats-grid,.contact-container{grid-template-columns:1fr}.social-links-large{flex-direction:column}.social-btn{width:100%}.footer{padding:var(--space-48) var(--space-20) var(--space-20)}.footer-content{grid-template-columns:1fr;gap:var(--space-32)}}@media (max-width: 480px){.process-grid{grid-template-columns:1fr}.profile-image-large{width:200px;height:200px}.stat-number{font-size:var(--font-size-24)}.about-stats{flex-direction:column;width:100%}.stat-card{width:100%}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-24)}.pricing-card{background:#0d1b2a66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:var(--border-subtle);border-radius:var(--radius-12);padding:var(--space-32) var(--space-24);display:flex;flex-direction:column;transition:all .3s ease;position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-tertiary));opacity:0;transition:opacity .3s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow-medium);border-color:var(--color-accent-primary)}.pricing-card:hover:before{opacity:1}.pricing-card--featured{border-color:#d4a57466}.pricing-card--featured:before{opacity:1}.pricing-card--featured .pricing-badge{display:inline-block}.pricing-tier{font-family:Space Mono,monospace;font-size:var(--font-size-14);font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-8)}.pricing-name{font-family:Space Mono,monospace;font-size:var(--font-size-24);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-16)}.pricing-price{font-family:Space Mono,monospace;font-size:var(--font-size-32);font-weight:var(--font-bold);color:var(--color-accent-primary);margin-bottom:var(--space-8);line-height:1.2}.pricing-description{font-size:var(--font-size-16);color:var(--color-text-secondary);line-height:1.75;font-weight:300;margin:0 0 var(--space-20);flex:1}.pricing-badge{display:none;padding:var(--space-4) var(--space-12);background:#d4a57426;border:1px solid rgba(212,165,116,.3);border-radius:var(--radius-full);font-size:var(--font-size-13);color:var(--color-accent-primary);font-weight:var(--font-medium);margin-bottom:var(--space-16);width:fit-content}.pricing-cta{margin-top:auto}.pricing-cta .btn{width:100%;padding:var(--space-12) var(--space-24);font-size:var(--font-size-14)}.pricing-note{text-align:center;margin-top:var(--space-32);font-size:var(--font-size-14);color:var(--color-text-muted);font-weight:300}.pricing-note i{color:var(--color-accent-primary);margin-right:var(--space-4)}.pricing-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-16);margin-top:var(--space-32)}.pricing-strip-item{background:#0d1b2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-subtle);border-radius:var(--radius-8);padding:var(--space-16) var(--space-12);text-align:center;transition:all .3s ease}.pricing-strip-item:hover{border-color:var(--color-accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow-subtle)}.pricing-strip-name{display:block;font-family:Space Mono,monospace;font-size:var(--font-size-13);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.pricing-strip-price{display:block;font-family:Space Mono,monospace;font-size:var(--font-size-16);font-weight:var(--font-bold);color:var(--color-accent-primary);line-height:1.3}.pricing-strip-note{text-align:center;margin-top:var(--space-16)}.pricing-strip-note a{font-size:var(--font-size-14);color:var(--color-accent-primary);font-weight:var(--font-medium);display:inline-flex;align-items:center;gap:var(--space-8);transition:all .3s ease}.pricing-strip-note a:hover{color:var(--color-text-primary);gap:var(--space-12)}@media (max-width: 1024px){.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}.pricing-price{font-size:var(--font-size-24)}.pricing-strip{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.pricing-strip{grid-template-columns:1fr}}