@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@200;300;400;500;600&display=swap";@import "https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css";:root{--bg-color:#f8f8f7;--bg-white:#fff;--text-main:#1c1c1c;--text-muted:#666;--text-light:#999;--accent:#e8e8e6;--accent-dark:#222;--border-color:#e6e6e6;--nav-bg:#f8f8f7fa;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--text-main-rgb:28, 28, 28}body.dark-theme{--bg-color:#121212;--bg-white:#1e1e1e;--text-main:#f8f8f7;--text-main-rgb:248, 248, 247;--text-muted:#a0a0a0;--text-light:#555;--accent:#2c2c2c;--accent-dark:#e8e8e6;--border-color:#333;--nav-bg:#121212fa}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);cursor:none;font-size:16px;line-height:1.6;overflow-x:hidden}a,button{color:inherit;cursor:none;text-decoration:none}.fade-in-up{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.fade-in{opacity:0;transition:opacity 1s ease-in-out}.slide-in-left{opacity:0;transition:all .8s ease-out;transform:translate(-50px)}.slide-in-right{opacity:0;transition:all .8s ease-out;transform:translate(50px)}.is-visible{opacity:1!important;transform:translate(0)!important}.section-divider{background-color:var(--border-color);width:100%;height:1px}.section-container{max-width:1400px;margin:0 auto;padding:120px 40px}.section-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.section-tag:before{content:"";background-color:var(--text-main);border-radius:50%;width:6px;height:6px}.section-title{font-family:var(--font-heading);margin-bottom:32px;font-size:3.5rem;font-weight:300;line-height:1.1}@media (width<=1024px){.section-title{font-size:2.8rem}}@media (width<=768px){.section-container{padding:80px 20px}}.navbar{z-index:100;width:100%;transition:var(--transition-smooth);padding:24px 0;position:fixed;top:0;left:0}.navbar.scrolled{background-color:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:16px 0}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 40px;display:flex}.logo{font-family:var(--font-heading);align-items:center;gap:8px;font-size:1.2rem;font-weight:500;display:flex}.nav-links{gap:32px;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition-smooth);font-size:.95rem;font-weight:400;position:relative}.nav-link:after{content:"";background-color:var(--text-main);width:0;height:1px;transition:var(--transition-smooth);position:absolute;bottom:-4px;left:0}.nav-link:hover{color:var(--text-main)}.nav-link:hover:after{width:100%}.nav-btn{font-family:var(--font-heading);border-bottom:1px solid var(--text-main);transition:var(--transition-smooth);align-items:center;gap:8px;padding-bottom:4px;font-size:.95rem;display:flex}.nav-btn:hover{color:#25d366;border-color:#25d366;padding-right:8px}.right-section{align-items:center;gap:24px;display:flex}.theme-toggle{color:var(--text-main);cursor:none;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:1.4rem;display:flex}.theme-toggle:hover{background-color:var(--accent);transform:rotate(15deg)}.mobile-menu-toggle{color:var(--text-main);cursor:none;background:0 0;border:none;font-size:1.8rem;display:none}@media (width<=768px){.mobile-menu-toggle{justify-content:center;align-items:center;display:flex}.nav-links{background-color:var(--bg-color);width:80%;height:100vh;transition:var(--transition-smooth);z-index:99;flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #0000000d}.nav-links.active{right:0}.nav-link{font-size:1.5rem}.right-section{gap:16px}.nav-btn{display:none}.desktop-only{display:none!important}.mobile-only{border-color:var(--text-main);margin-top:20px;display:flex!important}}@media (width>=769px){.mobile-only{display:none!important}}.hero{flex-direction:column;min-height:100vh;padding-top:120px;display:flex;position:relative}.hero-container{flex:1;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;max-width:1400px;margin:0 auto;padding:0 40px;display:grid;position:relative}.hero-stats{grid-column:1/2;gap:40px;margin-top:40px;margin-bottom:40px;display:flex}.stat-item{align-items:flex-start;gap:12px;display:flex}.stat-icon{font-size:1.5rem}.stat-text{color:var(--text-muted);font-size:.85rem;font-weight:500}.hero-content{z-index:2;grid-area:2/1/3/2}.hero-title{font-family:var(--font-heading);color:var(--text-main);margin-bottom:24px;line-height:.9}.hello-text{letter-spacing:-.05em;margin-left:-5px;font-size:15vw;font-weight:200;display:block}.name-text{color:var(--text-muted);letter-spacing:.02em;font-size:2vw;font-weight:400}.hero-subtitle{color:var(--text-muted);max-width:400px;margin-top:12px;margin-left:20px;font-size:1.1rem;position:relative}.hero-subtitle:before{content:"";background-color:var(--text-muted);width:12px;height:1px;position:absolute;top:12px;left:-20px}.hero-image-wrapper{grid-area:1/2/3/3;justify-content:flex-end;align-items:center;margin-top:-60px;display:flex;position:relative}.hero-image{background-color:var(--accent);object-fit:cover;border:4px solid var(--accent-color);border-radius:0 0 200px 200px;width:450px;height:600px;display:block;position:relative;box-shadow:0 20px 50px #0000004d}.scroll-down{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;font-size:.85rem;font-weight:500;display:flex;position:absolute;bottom:40px;left:40px}.scroll-down i{animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(5px)}60%{transform:translateY(3px)}}.hero-fade,.hero-fade-up{opacity:0;transition:all .8s ease-out}.hero-fade-up{transform:translateY(30px)}.hero-fade.is-visible,.hero-fade-up.is-visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.hello-text{font-size:18vw}.hero-container{grid-template-columns:1fr;padding-top:40px}.hero-image-wrapper{grid-area:3/1/auto/2;justify-content:flex-start;margin-top:60px}.hero-stats{margin-bottom:20px}.hero-image{border-radius:40px;width:100%;max-width:450px;height:500px}}@media (width<=768px){.hero-container{padding:0 20px}.hello-text{font-size:22vw}.name-text{font-size:1.5rem}.hero-subtitle{font-size:1rem}}.about{background-color:var(--bg-white);position:relative;overflow:hidden}.about-grid{grid-template-columns:1fr 1fr;align-items:flex-start;gap:80px;display:grid}.about-left{position:relative}.about-text{color:var(--text-muted);max-width:500px;font-size:1.5rem;font-weight:300;line-height:1.5}.arrow-svg{opacity:.5;margin-top:40px}.arrow-svg .draw-arrow{stroke-dasharray:400;stroke-dashoffset:400px;transition:stroke-dashoffset 1.5s ease-out}.about-trigger-class.is-visible .draw-arrow{stroke-dashoffset:0}.about-right{flex-direction:column;gap:24px;display:flex}.interest-card{background-color:var(--bg-color);transition:var(--transition-smooth);border-radius:12px;align-items:flex-start;gap:24px;padding:32px;display:flex}.interest-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000008}.interest-icon{background:var(--bg-white);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex;box-shadow:0 4px 20px #0000000d}.interest-content h3{font-family:var(--font-heading);margin-bottom:8px;font-size:1.25rem;font-weight:400}.interest-content p{color:var(--text-muted);font-size:.95rem}.marquee-divider{background-color:var(--bg-white);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:20px 0;display:flex;position:relative;overflow:hidden}.marquee-content{font-family:var(--font-heading);letter-spacing:.1em;color:var(--text-muted);padding-left:100%;font-size:.9rem;font-weight:500;animation:30s linear infinite marquee;display:inline-block}.marquee-content span.dot{color:var(--text-light);margin:0 30px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (width<=1024px){.about-grid{grid-template-columns:1fr;gap:60px}}.skills{background-color:var(--bg-color)}.section-header{max-width:600px;margin-bottom:80px}.section-subtitle{color:var(--text-muted);font-size:1.1rem}.skills-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.skill-category{background-color:var(--bg-white);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:24px;padding:40px}.skill-category:hover{border-color:#0000001a;box-shadow:0 20px 40px #00000005}.skill-header{align-items:center;gap:20px;margin-bottom:32px;display:flex}.skill-icon-wrapper{background-color:var(--accent);width:60px;height:60px;color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.skill-header h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:400}.skill-tags{flex-wrap:wrap;gap:12px;display:flex}.skill-tag{color:var(--text-muted);transition:var(--transition-smooth);background-color:#f0f0f0;border-radius:100px;padding:10px 20px;font-size:.9rem;font-weight:500}.skill-category:hover .skill-tag:hover{background-color:var(--text-main);color:var(--bg-white)}@media (width<=1024px){.skills-grid{grid-template-columns:1fr}}.projects{background-color:var(--bg-white);border-top:1px solid var(--border-color)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;display:grid}.project-card{background-color:var(--bg-color);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:24px;flex-direction:column;justify-content:space-between;height:100%;display:flex;overflow:hidden}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000000a}.project-content{padding:40px}.project-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.project-icon{color:var(--text-main);font-size:2rem}.project-header h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:500}.project-desc{color:var(--text-muted);margin-bottom:24px;font-size:1rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:10px;display:flex}.project-tag{color:var(--text-muted);background-color:#0000000d;border-radius:100px;padding:6px 14px;font-size:.8rem}.project-link{border-top:1px solid var(--border-color);color:var(--text-main);transition:var(--transition-smooth);background-color:var(--bg-white);justify-content:space-between;align-items:center;padding:24px 40px;font-weight:500;display:flex}.project-card:hover .project-link{background-color:var(--text-main);color:var(--bg-white)}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.project-content{padding:30px}}.cta-section{background-color:var(--bg-white);text-align:center;padding:160px 40px}.cta-container{max-width:800px;margin:0 auto}.cta-title{font-family:var(--font-heading);margin-bottom:24px;font-size:4rem;font-weight:300;line-height:1.1}.cta-desc{color:var(--text-muted);max-width:600px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:1.25rem}.cta-btn{background-color:var(--text-main);color:var(--bg-white);font-family:var(--font-heading);transition:var(--transition-smooth);border-radius:100px;align-items:center;gap:12px;padding:20px 40px;font-size:1.1rem;font-weight:500;display:inline-flex}.cta-btn:hover{background-color:#25d366;transform:scale(1.05)}@media (width<=1024px){.cta-title{font-size:2.8rem}}.footer{background-color:var(--accent);border-top:1px solid var(--border-color);margin-top:0;padding:80px 40px 40px}body.dark-theme .footer{background-color:#0f0f0f}.footer-content{justify-content:space-between;align-items:flex-start;max-width:1400px;margin:0 auto;display:flex}.footer-logo{color:var(--text-main);margin-bottom:24px;font-size:1.5rem;display:inline-block}.footer-left{flex-direction:column;align-items:flex-start;display:flex}.footer-tagline{color:var(--text-muted);max-width:320px;font-size:1rem;font-weight:300;line-height:1.6}.footer-right{flex-direction:column;align-items:flex-end;gap:32px;display:flex}.social-links{flex-wrap:wrap;justify-content:flex-end;gap:16px;display:flex}.social-link{background-color:var(--bg-white);width:44px;height:44px;color:var(--text-main);transition:var(--transition-smooth);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}.social-link:hover{background-color:var(--text-main);color:var(--bg-color);border-color:var(--text-main);transform:translateY(-5px)}.contact-details{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.contact-item{color:var(--text-main);transition:var(--transition-smooth);font-size:1rem;font-family:var(--font-heading);border-bottom:1px solid #0000;text-decoration:none}.contact-item:hover{color:var(--text-muted);border-bottom-color:var(--text-muted)}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;max-width:1400px;color:var(--text-light);letter-spacing:.05em;margin:80px auto 0;padding-top:32px;font-size:.85rem}@media (width<=768px){.footer{padding:50px 20px 20px}.footer-content{flex-direction:column;gap:50px}.footer-right{align-items:flex-start;gap:25px;width:100%}.social-links{justify-content:flex-start}.contact-details{align-items:flex-start}}.cursor{background-color:var(--text-main);pointer-events:none;z-index:9999;border-radius:50%;width:8px;height:8px;transition:width .2s,height .2s,opacity .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-follower{border:1px solid var(--text-main);pointer-events:none;z-index:9998;background-color:#0000;border-radius:50%;width:40px;height:40px;transition:width .2s,height .2s,background-color .2s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-hidden{opacity:0;width:0;height:0}.cursor-hovering{background-color:rgba(var(--text-main-rgb,128, 128, 128), .1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-color:#0000;width:60px;height:60px}