@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#fafafa;--bg-secondary:#fff;--bg-tertiary:#f5f5f7;--bg-card:#fff;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-muted:#86868b;--accent:#06c;--accent-hover:#0055b3;--accent-light:#e8f4ff;--accent-glow:#0066cc26;--border:#e5e5e7;--border-light:#f0f0f2;--shadow:#00000014;--shadow-lg:#0000001f;--shadow-hover:#0066cc40;--gradient-start:#06c;--gradient-end:#5b4fff;--gradient-primary:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));--gradient-subtle:linear-gradient(135deg,#f5f5f7 0%,#e8e8ed 100%);--nav-bg:#ffffffd9;--card-gradient:linear-gradient(145deg,#fff 0%,#fafafa 100%)}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#1a1a1a;--bg-card:#141414;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-muted:#6e6e73;--accent:#2997ff;--accent-hover:#409cff;--accent-light:#1a1a2e;--accent-glow:#2997ff26;--border:#2a2a2a;--border-light:#1f1f1f;--shadow:#0006;--shadow-lg:#0009;--shadow-hover:#2997ff4d;--gradient-start:#2997ff;--gradient-end:#9d4edd;--gradient-primary:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));--gradient-subtle:linear-gradient(145deg,#1a1a1a 0%,#141414 100%);--nav-bg:#0a0a0acc;--card-gradient:linear-gradient(145deg,#1a1a1a 0%,#0d0d0d 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:600;line-height:1.2}.container{max-width:1280px;margin:0 auto;padding:0 2.5rem}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px)}.card{background:var(--card-gradient);border:1px solid var(--border);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid var(--border);padding:1rem 0;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:0 4px 30px var(--shadow);background:#fffffff2;padding:.75rem 0}[data-theme=dark] .navbar.scrolled{background:#0a0a0af2}.navContainer{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 2.5rem;display:flex}.logo{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s}.logo:hover{transform:scale(1.02)}.navLinks{gap:.5rem;list-style:none;display:flex}.navLinks a{color:var(--text-secondary);border-radius:12px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.navLinks a:after{content:"";background:var(--gradient-primary);border-radius:2px;width:0;height:2px;transition:all .3s;position:absolute;bottom:.4rem;left:50%;transform:translate(-50%)}.navLinks a:hover{color:var(--accent);background:var(--accent-light)}.navLinks a:hover:after{width:40%}.navActions{align-items:center;gap:1rem;display:flex}.themeToggle{background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;width:44px;height:44px;color:var(--text-secondary);border-radius:14px;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.themeToggle:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 25px var(--shadow-hover);transform:scale(1.05)}.mobileMenuBtn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.hero{align-items:center;min-height:100vh;padding:8rem 0 4rem;display:flex;position:relative;overflow:hidden}.hero>.container{flex-wrap:wrap;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:0 2.5rem;display:flex}.hero:before{content:"";background:radial-gradient(circle,var(--accent-glow)0%,transparent 70%);pointer-events:none;z-index:0;width:80%;height:150%;position:absolute;top:-50%;right:-20%}.hero3DBackground{z-index:0;pointer-events:none;flex-shrink:0;width:55%;height:100vh;min-height:600px;margin-left:auto;position:relative}.hero3DBackground canvas{width:100%!important;height:100%!important}.heroContent{z-index:1;flex:1;max-width:700px;position:relative}.heroBadge{background:var(--accent-light);border:1px solid var(--accent);color:var(--accent);border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;animation:.6s ease-out fadeInUp;display:inline-flex}.heroBadge:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.hero h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;animation:.6s ease-out .1s both fadeInUp}.heroSubtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7;animation:.6s ease-out .2s both fadeInUp}.heroLocation{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:2.5rem;font-size:.95rem;animation:.6s ease-out .3s both fadeInUp;display:inline-flex}.heroButtons{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;animation:.6s ease-out .4s both fadeInUp;display:flex}.btnPrimary{background:var(--gradient-primary);color:#fff;cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);border:none;border-radius:14px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex}.btnPrimary:hover{box-shadow:0 12px 40px var(--shadow-hover);transform:translateY(-3px)scale(1.02)}.btnSecondary{color:var(--accent);border:2px solid var(--accent);cursor:pointer;background:0 0;border-radius:14px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex}.btnSecondary:hover{background:var(--accent-light);transform:translateY(-3px)scale(1.02)}.socialLinks{gap:1rem;animation:.6s ease-out .5s both fadeInUp;display:flex}.socialIcon{background:var(--bg-card);border:1px solid var(--border);width:48px;height:48px;color:var(--text-secondary);border-radius:14px;justify-content:center;align-items:center;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.socialIcon:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 10px 30px var(--shadow-hover);transform:translateY(-5px)scale(1.1)}.heroImage{flex:1;justify-content:center;align-items:center;display:flex}section{padding:7rem 0;position:relative}.sectionHeader{text-align:center;margin-bottom:4rem}.sectionTitle{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.sectionSubtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.about{position:relative}.aboutGrid{grid-template-columns:1fr 1.5fr;align-items:start;gap:4rem;display:grid}.aboutImage{position:relative}.aboutImagePlaceholder{aspect-ratio:1;background:var(--gradient-primary);color:#ffffffe6;border-radius:24px;justify-content:center;align-items:center;width:100%;font-size:6rem;display:flex;position:relative;overflow:hidden}.aboutImagePlaceholder:before{content:"";background:linear-gradient(135deg,#fff3 0%,#0000 50%);position:absolute;inset:0}.aboutContent{max-width:700px}.aboutText p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.aboutStats{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}.statItem{text-align:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:all .3s}.statItem:hover{border-color:var(--accent);box-shadow:0 10px 30px var(--shadow);transform:translateY(-5px)}.statNumber{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.statLabel{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.educationList{margin-top:2.5rem}.educationItem{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:16px;margin-bottom:1rem;padding:1.5rem;transition:all .3s}.educationItem:hover{border-color:var(--accent);box-shadow:-5px 10px 30px var(--shadow);transform:translate(10px)}.educationItem h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.educationItem p{color:var(--text-secondary);font-size:.9rem}.skills{background:var(--bg-secondary);position:relative}.skillsGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;max-width:1000px;margin:0 auto;display:grid}.skillCard{background:var(--bg-card);border:1px solid var(--border);text-align:center;cursor:default;border-radius:20px;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.skillCard:hover{box-shadow:0 20px 50px var(--shadow);border-color:var(--accent);transform:translateY(-8px)scale(1.02)}.skillIconWrapper{background:var(--accent-light);width:64px;height:64px;color:var(--accent);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:1.75rem;transition:all .3s;display:flex}.skillCard:hover .skillIconWrapper{background:var(--gradient-primary);color:#fff;transform:scale(1.1)rotate(5deg)}.skillCard h3{color:var(--text-primary);font-size:1rem;font-weight:600}.skillCard p{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.projectsGrid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;max-width:1280px;margin:0 auto;display:grid}.projectCard{background:var(--card-gradient);border:1px solid var(--border);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.projectCard:before{content:"";background:var(--gradient-primary);height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.projectCard:hover{box-shadow:0 25px 60px var(--shadow-lg);border-color:var(--accent);transform:translateY(-10px)scale(1.01)}.projectCard:hover:before{transform:scaleX(1)}.projectImage{background:var(--gradient-subtle);justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.projectImage:after{content:"";background:radial-gradient(circle at center,var(--accent-glow)0%,transparent 70%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.projectCard:hover .projectImage:after{opacity:1}.projectImageIcon{color:var(--accent);font-size:4rem;transition:all .4s}.projectCard:hover .projectImageIcon{color:var(--accent-hover);transform:scale(1.15)}.projectInfo{padding:1.75rem}.projectInfo h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem;font-weight:600;transition:color .3s}.projectInfo p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.95rem;line-height:1.7}.projectTags{flex-wrap:wrap;gap:.5rem;display:flex}.projectTags span{background:var(--accent-light);color:var(--accent);border-radius:20px;padding:.4rem .9rem;font-size:.8rem;font-weight:500;transition:all .3s}.projectTags span:hover{background:var(--accent);color:#fff;transform:scale(1.05)}.projectLinks{border-top:1px solid var(--border);gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.projectLink{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.projectLink:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.contact{background:var(--bg-secondary);text-align:center}.contactContent{max-width:700px;margin:0 auto}.contactText{color:var(--text-secondary);margin-bottom:3rem;font-size:1.15rem;line-height:1.8}.contactGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.contactCard{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.contactCard:hover{border-color:var(--accent);box-shadow:0 20px 50px var(--shadow);transform:translateY(-8px)}.contactIcon{background:var(--accent-light);width:56px;height:56px;color:var(--accent);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.5rem;transition:all .3s;display:flex}.contactCard:hover .contactIcon{background:var(--gradient-primary);color:#fff;transform:scale(1.1)}.contactCard h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}.contactCard p{color:var(--text-secondary);font-size:.9rem}.contactCTA{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.footer{background:var(--bg-primary);border-top:1px solid var(--border);padding:3rem 2.5rem}.footerContent{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1280px;margin:0 auto;display:flex}.footerLinks{gap:2rem;display:flex}.footerLinks a{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .3s}.footerLinks a:hover{color:var(--accent)}.footerSocial{gap:1rem;display:flex}.footerSocial a{background:var(--bg-tertiary);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.footerSocial a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-on-scroll{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(40px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.hero3DBackground{width:45%}.aboutGrid{grid-template-columns:1fr;gap:3rem}.aboutImage{max-width:400px;margin:0 auto}}@media (max-width:768px){.container,.navContainer{padding:0 1.5rem}.navLinks{display:none}.mobileMenuBtn{display:block}.hero{text-align:center;flex-direction:column;padding-top:6rem}.hero:before{width:100%;height:120%;top:-20%;right:-30%}.hero3DBackground{order:-1;width:100%;height:300px;margin-top:0;margin-bottom:2rem;position:relative;right:auto}.heroContent{order:1}.heroButtons,.socialLinks{justify-content:center}.aboutStats{grid-template-columns:repeat(2,1fr)}.projectsGrid{grid-template-columns:1fr}.footerContent{text-align:center;flex-direction:column}.footerLinks{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.hero h1{font-size:2rem}.hero:before{width:120%;height:100%;top:-10%;right:-40%}.sectionTitle{font-size:1.75rem}.skillsGrid{grid-template-columns:repeat(2,1fr)}.aboutStats{grid-template-columns:1fr}}.mobileMenu{background:var(--bg-primary);z-index:999;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;right:0}.mobileMenuContent{text-align:center;flex-direction:column;gap:1.5rem;display:flex}.mobileMenuContent a{color:var(--text-primary);border-radius:16px;padding:1rem 2rem;font-size:1.75rem;font-weight:600;text-decoration:none;transition:all .3s}.mobileMenuContent a:hover{background:var(--accent-light);color:var(--accent)}@media (min-width:769px){.mobileMenu{display:none}}