@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#070512;--bg-secondary:#0f0b24;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-purple:#c084fc;--accent-pink:#f472b6;--accent-yellow:#fcd34d;--btn-purple:#7c3aed;--btn-pink:#f472b6;--btn-yellow-dark:#fcd34d;--accent-gradient:linear-gradient(135deg, var(--btn-purple) 0%, var(--accent-pink) 65%, var(--btn-yellow-dark) 100%);--glass-bg:#0d091d99;--glass-border:#ffffff12;--glass-border-glow:#9333ea59;--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--font-heading:"Outfit", system-ui, sans-serif;--transition-smooth:all .35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle,#7c3aed0f 0%,#0000 70%);border-radius:50%;width:50%;height:50%;animation:25s ease-in-out infinite alternate floatGlowOne;position:fixed;top:-10%;left:-10%}body:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle,#db27770a 0%,#0000 70%);border-radius:50%;width:50%;height:50%;animation:30s ease-in-out infinite alternate floatGlowTwo;position:fixed;bottom:-10%;right:-10%}@keyframes floatGlowOne{0%{transform:translate(0)scale(1)}50%{transform:translate(8%,12%)scale(1.1)}to{transform:translate(0)scale(1)}}@keyframes floatGlowTwo{0%{transform:translate(0)scale(1)}50%{transform:translate(-8%,-12%)scale(1.15)}to{transform:translate(0)scale(1)}}.bg-magical-forest{background-image:linear-gradient(#070512bf,#070512e6),url(/image%2011.png);background-position:50%;background-size:cover;background-attachment:fixed}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#db277780}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.hero-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.md-hidden{display:block}.md-flex{display:none}@media (width>=768px){.md-hidden{display:none}.md-flex{display:flex}}.header-glass{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:100;transition:var(--transition-smooth);background:#0d091da6;position:sticky;top:0}.nav-link{color:var(--text-secondary);transition:var(--transition-smooth);cursor:pointer;border-radius:9999px;padding:8px 20px;font-size:.95rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-primary)}.nav-link.active{background:linear-gradient(135deg, var(--btn-purple) 0%, var(--btn-pink) 100%);color:#fff;box-shadow:0 4px 12px -2px #7c3aed40}.nav-link.active:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 0 0 2px #fff,0 0 8px 3px #f472b6,0 0 18px 6px #7c3aed}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);transition:var(--transition-smooth);border:1px solid #c084fc26;border-radius:20px;box-shadow:0 8px 32px #0000004d,0 0 10px 1px #7c3aed0a}.glass-card:hover{border-color:#f472b6b3;transform:translateY(-4px);box-shadow:0 15px 35px -5px #00000080,0 0 24px 6px #7c3aed59,0 0 14px 3px #f472b640}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-gradient{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:9999px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px -2px #7c3aed33}.btn-gradient:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 0 1.5px #ffffffe6,0 0 10px 2px #f472b699,0 0 20px 4px #7c3aed73}.project-image-container{aspect-ratio:16/9;border:1px solid var(--glass-border);background-color:#0000004d;border-radius:12px;position:relative;overflow:hidden}.project-image-container img{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.glass-card:hover .project-image-container img{transform:scale(1.05)}.profile-image-wrapper{border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.profile-image-wrapper:after{content:none}.profile-image{object-fit:cover;border:4px solid #ffffff40;border-radius:50%;width:380px;height:380px;display:block;box-shadow:0 10px 30px -5px #00000080,0 0 20px 2px #7c3aed2e}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.grid-responsive{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;display:grid}@media (width<=1024px){.hero-container{flex-direction:column-reverse;gap:32px}.profile-image{width:320px;height:320px}}@media (width<=768px){.grid-responsive{grid-template-columns:1fr}.profile-image{width:280px;height:280px}}.form-input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#0d091d73;border-radius:12px;padding:14px 18px;font-size:.95rem}.form-input:focus{background:#0d091da6;border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed40}.badge{color:var(--accent-pink);background:#ffa1c526;border:1px solid #ffa1c540;border-radius:9999px;align-items:center;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.custom-list{list-style:none}.custom-list li{transition:var(--transition-smooth);margin-bottom:12px;padding-left:24px;position:relative}.custom-list li:hover{color:var(--text-primary);transform:translate(4px)}.custom-list li:before{content:"✦";color:#ffa1c5;font-weight:700;position:absolute;top:0;left:0}.hero-glass-card{text-align:left;border:1px solid #ffffff1a;width:100%;max-width:620px;padding:48px;box-shadow:0 8px 32px #00000059}.hero-image-container{flex:none;justify-content:center;align-items:center;width:100%;display:flex}.home-info-card{text-align:left;flex:500px;width:100%;max-width:540px;padding:40px}@media (width>=1025px){.hero-glass-card{flex:500px}.hero-image-container{width:auto}}@media (width<=768px){.hero-glass-card,.home-info-card{padding:24px}}.visible-mobile{display:none}@media (width<=540px){.hidden-mobile{display:none}.visible-mobile{display:inline}.nav-link.skill-tab-btn{padding:6px 12px;font-size:.85rem}}