@import "https://fonts.googleapis.com/css2?family=Saira+Stencil+One&family=Sansita+Swashed:wght@300;400;500;600;700;800;900&family=Tenali+Ramakrishna&display=swap";.main-content{background:var(--clr-void);width:100%;min-height:100vh;color:var(--clr-text-primary);transition:background var(--t-med), color var(--t-med)}.navbar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--clr-border);z-index:1000;width:100%;height:70px;transition:background var(--t-med);background:#07080fe0;justify-content:space-between;align-items:center;padding:0 3rem;display:flex;position:fixed;top:0;left:0}.light-theme .navbar{background:#f0f2f8e6}.nav-logo{font-family:var(--font-display);color:var(--clr-accent-bright);letter-spacing:.05em;cursor:pointer;font-size:1.4rem;text-decoration:none}.nav-links{gap:2.8rem;list-style:none;display:flex}.nav-links li{color:var(--clr-text-secondary);font-family:var(--font-display);cursor:pointer;transition:color var(--t-fast);letter-spacing:.05em;font-size:.95rem;position:relative}.nav-links li:after{content:"";background:var(--clr-accent);width:0;height:2px;transition:width var(--t-fast);border-radius:2px;position:absolute;bottom:-4px;left:0}.nav-links li:hover,.nav-links li.active{color:var(--clr-text-primary)}.nav-links li:hover:after,.nav-links li.active:after{width:100%}.theme-toggle{background:var(--clr-surface-2);border:none;border:1px solid var(--clr-border);cursor:pointer;width:56px;height:28px;transition:background var(--t-fast);border-radius:50px;flex-shrink:0;position:relative}.theme-toggle.active{background:var(--clr-accent-dim);border-color:var(--clr-accent)}.toggle-circle{background:var(--clr-text-secondary);width:20px;height:20px;transition:transform var(--t-fast), background var(--t-fast);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:3px;left:4px}.toggle-circle:before{content:"🌙"}.theme-toggle.active .toggle-circle{background:var(--clr-accent);transform:translate(28px)}.theme-toggle.active .toggle-circle:before{content:"☀️"}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav-hamburger span{background:var(--clr-text-primary);width:24px;height:2px;transition:var(--t-fast);border-radius:2px;display:block}.nav-mobile-menu{background:var(--clr-surface);border-bottom:1px solid var(--clr-border);z-index:999;flex-direction:column;gap:1rem;width:100%;padding:1rem 2rem;display:none;position:fixed;top:70px;left:0}.nav-mobile-menu.open{display:flex}.nav-mobile-menu li{color:var(--clr-text-secondary);font-family:var(--font-display);cursor:pointer;border-bottom:1px solid var(--clr-border);transition:color var(--t-fast);padding:.5rem 0;font-size:1rem;list-style:none}.nav-mobile-menu li:last-child{border-bottom:none}.nav-mobile-menu li:hover{color:var(--clr-text-primary)}@media (width<=768px){.nav-links{display:none}.nav-hamburger{display:flex}}.about{background:var(--clr-void);justify-content:center;align-items:center;gap:5rem;min-height:100vh;padding:6rem 8% 5rem;display:flex;position:relative;overflow:hidden}.about:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed1f 0%,#0000 70%);width:500px;height:500px;position:absolute;top:20%;left:-10%}.about:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed14 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:10%;right:-5%}.about-image{z-index:1;opacity:0;border-radius:28px;flex-shrink:0;width:460px;height:560px;position:relative}.about-image:before{content:"";background:linear-gradient(135deg, var(--clr-accent), transparent 60%, var(--clr-accent-soft));z-index:-1;border-radius:31px;position:absolute;inset:-3px}.about-image img{object-fit:cover;border-radius:28px;width:100%;height:100%;display:block}.about-badge{font-family:var(--font-display);color:var(--clr-accent-bright);letter-spacing:.06em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#0e1120e6;border:1px solid #7c3aed4d;border-radius:50px;padding:.6rem 1.2rem;font-size:.78rem;transition:opacity .5s,transform .5s;position:absolute}.about-badge-1{bottom:20px;left:-30px}.about-badge-2{top:20px;right:-30px}.about-content{z-index:1;opacity:0;max-width:540px;position:relative}.about-content h2{color:var(--clr-accent-bright);text-align:left;opacity:0;margin-bottom:2rem;font-family:Saira Stencil One,sans-serif;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:700;line-height:1.35;transform:translateY(20px)}.about-content p{text-align:left;color:var(--clr-text-secondary);opacity:0;margin-bottom:1.5rem;font-size:clamp(1rem,1.4vw,1.15rem);font-weight:300;line-height:1.9;transform:translateY(20px)}.about-highlight{color:var(--clr-text-primary);font-weight:600}.about-tags{opacity:0;flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex;transform:translateY(20px)}.about-tag{font-family:var(--font-display);color:var(--clr-accent-bright);letter-spacing:.06em;background:#7c3aed12;border:1px solid #7c3aed4d;border-radius:50px;padding:.4rem 1rem;font-size:.78rem}@media (width<=1000px){.about{flex-direction:column;gap:3rem;padding:5rem 6% 4rem}.about-image{aspect-ratio:4/5;width:min(420px,90vw);height:auto}.about-content{text-align:center;max-width:100%}.about-content h2,.about-content p{text-align:center}.about-tags{justify-content:center}.about-badge-1,.about-badge-2{display:none}}.hero{background:var(--bg-hero);justify-content:center;align-items:center;min-height:100vh;padding-top:70px;display:flex;position:relative;overflow:hidden visible}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed2e 0%,#0000 70%);width:500px;height:500px;animation:8s ease-in-out infinite pulseOrb;position:absolute;top:10%;right:15%}.hero:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed1a 0%,#0000 70%);width:350px;height:350px;animation:10s ease-in-out infinite reverse pulseOrb;position:absolute;bottom:5%;left:5%}@keyframes pulseOrb{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.hero-grid{background:var(--bg-grid);background-size:var(--bg-grid-size,28px 28px);pointer-events:none;z-index:0;position:absolute;inset:0}.hero-image{z-index:1;opacity:0;width:820px;height:min(900px,80vh);position:absolute;top:auto;bottom:0;right:30%}.hero-image img{object-fit:contain;transform-origin:bottom;filter:drop-shadow(0 0 25px #7c3aed59)drop-shadow(0 0 60px #7c3aed33);width:100%;height:100%;display:block}@keyframes textFloat{0%,to{translate:0}50%{translate:0 -12px}}@keyframes titleFloat{0%,to{translate:0}50%{translate:0 -8px}}.hero-text{z-index:2;position:static}.hero-greet{z-index:2;color:var(--clr-text-primary);opacity:0;letter-spacing:-.01em;font-family:Sansita Swashed,cursive;font-size:clamp(60px,7vw,110px);font-weight:600;animation:5s ease-in-out infinite textFloat;position:absolute;top:190px;left:30%}.hero-desc{z-index:2;color:var(--clr-accent-bright);opacity:0;letter-spacing:.02em;font-family:Saira Stencil One,sans-serif;font-size:clamp(48px,5.5vw,82px);animation:5s ease-in-out .5s infinite textFloat;position:absolute;top:310px;right:35%}.hero-name{z-index:2;color:var(--clr-text-primary);opacity:0;letter-spacing:-.01em;font-family:Sansita Swashed,cursive;font-size:clamp(44px,5vw,78px);font-weight:700;animation:5s ease-in-out 1s infinite textFloat;position:absolute;top:415px;right:10%}.hero-title{color:var(--clr-accent);z-index:2;opacity:0;font-family:Saira Stencil One,sans-serif;font-size:clamp(2rem,6vw,120px);font-weight:700;line-height:1.1;animation:6s ease-in-out infinite titleFloat;position:absolute;bottom:140px;right:12%}.hero-line{background:linear-gradient(to right, var(--clr-accent), transparent);z-index:2;width:0;height:2px;transition:width .8s var(--ease-out);position:absolute;top:410px;left:7%}.hero-scroll-hint{z-index:3;opacity:0;flex-direction:column;align-items:center;gap:8px;animation:1s 2.5s forwards fadeIn;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-scroll-hint span{font-family:var(--font-display);color:var(--clr-text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:.7rem}.scroll-arrow{border-right:2px solid var(--clr-accent);border-bottom:2px solid var(--clr-accent);width:24px;height:24px;transform:rotate(45deg)}@media (width<=1400px){.hero{flex-direction:column;justify-content:flex-end;align-items:center;gap:0;padding-top:70px;padding-bottom:2rem}.hero-image{width:100%;height:72vh;aspect-ratio:unset;justify-content:center;align-items:flex-end;margin:0;display:flex;position:absolute;inset:auto 0 32px}.hero-image img{object-fit:contain;object-position:bottom center;width:auto;height:100%;margin:0 auto;display:block}.hero-text{z-index:2;text-align:center;background:linear-gradient(#0000 0%,#07080fbf 100%);flex-direction:column;align-items:center;width:100%;padding:1.5rem 1rem .75rem;display:flex;position:relative}.hero-greet,.hero-desc,.hero-name,.hero-title{text-align:center;opacity:0;position:static}.hero-greet{margin:0;font-size:clamp(2.4rem,7vw,4rem)}.hero-desc{margin:.05rem 0;font-size:clamp(1.4rem,4vw,2.2rem)}.hero-name{margin:.05rem 0;font-size:clamp(1.9rem,6vw,3.2rem)}.hero-title{margin-top:.3rem;font-size:clamp(4.2rem,3.8vw,2rem);line-height:1.25;bottom:auto;right:auto}.hero-line{display:none}.hero-scroll-hint{bottom:16px}}@media (width<=800px){.hero{min-height:100svh;padding-bottom:1.5rem}.hero-image{height:72vh;bottom:25px;left:5px}.hero-greet{font-size:clamp(2.5rem,9vw,2.8rem)}.hero-desc{font-size:clamp(2.2rem,5vw,1.6rem)}.hero-name{font-size:clamp(2.6rem,7.5vw,2.2rem)}.hero-title{padding:0 .5rem;font-size:clamp(4rem,4.5vw,1.4rem)}.hero-scroll-hint{visibility:hidden}}@media (height<=850px){.hero-greet{font-size:9vh}.hero-desc{font-size:7vh;top:35%;right:40vw}.hero-name{font-size:8vh;top:45%;right:18vw}.hero-title{font-size:11vh;left:22vw}}@media (width<=768px) and (height<=850px){.hero-image{height:75vh}.hero-greet{font-size:clamp(2.8rem,8vw,2.4rem)}.hero-desc{font-size:clamp(2rem,5vw,1.4rem)}.hero-name{font-size:clamp(2.4rem,7vw,1.9rem)}.hero-title{font-size:clamp(2.3rem,8.5vw,1.7rem)}}.projects{background:var(--bg-accent);background-size:200% 200%;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:6rem 0 4rem;animation:18s infinite gradientShift;display:flex;position:relative;overflow:hidden}.projects:before{content:"";background:var(--bg-grid);pointer-events:none;z-index:0;position:absolute;inset:0}.projects:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed1f 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-5%;right:-5%}.projects-heading{font-family:var(--font-display);color:var(--clr-text-primary);z-index:1;letter-spacing:.06em;opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);margin-bottom:3rem;font-size:clamp(2.2rem,5vw,4rem);position:relative;transform:translateY(-20px)}.projects-heading.visible{opacity:1;transform:translateY(0)}.projects-heading:after{content:"";background:var(--clr-accent);border-radius:2px;width:60px;height:3px;margin:.8rem auto 0;display:block}.carousel-container{z-index:1;opacity:0;width:100%;transition:opacity .9s var(--ease-out) .2s, transform .9s var(--ease-out) .2s;justify-content:center;align-items:center;gap:1.5rem;padding:0 1rem;display:flex;position:relative;transform:translateY(20px)}.carousel-container.visible{opacity:1;transform:translateY(0)}.carousel{width:min(1400px,90vw);height:clamp(380px,50vw,580px);position:relative}.project-card{border-radius:var(--r-lg);background:var(--clr-surface);cursor:pointer;transition:transform .7s var(--ease-out), opacity .7s ease, width .7s var(--ease-out), height .7s var(--ease-out), box-shadow .3s ease;box-shadow:var(--shadow-md);position:absolute;top:50%;left:50%;overflow:hidden}.project-card img{object-fit:contain;background:var(--clr-surface-2);opacity:.9;width:100%;height:100%;transition:opacity var(--t-med);padding:1rem}.center-card:hover img{opacity:.85}.center-card{z-index:10;opacity:1;width:clamp(500px,60%,900px);height:clamp(300px,40vw,540px);transform:translate(-50%,-50%)scale(1);box-shadow:0 20px 60px #0009,0 0 40px #7c3aed26}.center-card:hover{transform:translate(-50%,-50%)scale(1.02);box-shadow:0 24px 70px #000000a6,0 0 60px #7c3aed40}.left-card{opacity:.4;z-index:2;width:clamp(180px,22%,320px);height:clamp(240px,30vw,420px);transform:translate(-185%,-50%)scale(.75)rotateY(18deg)}.left-card:hover{opacity:.65}.right-card{opacity:.4;z-index:2;width:clamp(180px,22%,320px);height:clamp(240px,30vw,420px);transform:translate(85%,-50%)scale(.75)rotateY(-18deg)}.right-card:hover{opacity:.65}.hidden-card{opacity:0;pointer-events:none;width:200px;height:300px;transform:translate(-50%,-50%)scale(.3)}.project-overlay{background:linear-gradient(#0000 0%,#0003 45%,#000000eb 100%);flex-direction:column;justify-content:flex-end;padding:2rem;display:flex;position:absolute;inset:0}.project-overlay h2{font-family:var(--font-body);color:#fff;text-align:center;font-size:clamp(1.8rem,3.5vw,3.5rem);line-height:1.1}.left-card h2,.right-card h2{font-size:clamp(1rem,1.8vw,1.6rem)}.project-details{opacity:0;max-height:0;transition:max-height .5s,opacity .5s,margin-top .5s;overflow:hidden}.center-card:hover .project-details{opacity:1;max-height:300px;margin-top:1rem}.project-details p{color:#ffffffd9;text-align:center;margin-bottom:.7rem;font-size:1rem;line-height:1.7}.project-details span{text-align:center;color:var(--clr-accent-bright);font-family:var(--font-display);letter-spacing:.05em;margin-bottom:1rem;font-size:.82rem;display:block}.project-links{justify-content:center;gap:.8rem;display:flex}.project-links a{color:#fff;border-radius:var(--r-sm);font-family:var(--font-display);letter-spacing:.05em;transition:var(--t-fast);border:1px solid #ffffff59;padding:.5rem 1rem;font-size:.82rem;text-decoration:none}.project-links a:hover{background:var(--clr-accent);border-color:var(--clr-accent)}.project-card-placeholder{background:linear-gradient(135deg, var(--clr-surface) 0%, var(--clr-surface-2) 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:5rem;display:flex}.carousel-btn{background:var(--clr-surface);border:1px solid var(--clr-border);width:52px;height:52px;color:var(--clr-text-primary);cursor:pointer;transition:var(--t-fast);z-index:20;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:relative}.carousel-btn:hover{background:var(--clr-accent);border-color:var(--clr-accent);color:#fff;transform:scale(1.1);box-shadow:0 0 20px #7c3aed66}.project-dots{z-index:1;gap:.5rem;margin-top:2rem;display:flex;position:relative}.project-dot{background:var(--clr-border);cursor:pointer;height:8px;transition:all .3s var(--ease-out);border:none;border-radius:4px;padding:0}.project-dot.active{background:var(--clr-accent);width:24px;box-shadow:0 0 12px #7c3aed80}.project-dot:not(.active){width:8px}@media (width<=900px){.carousel{height:clamp(280px,60vw,420px)}.left-card,.right-card{opacity:.25}}@media (width<=600px){.carousel-container{gap:.75rem;padding:0 .5rem}.carousel-btn{background:var(--clr-surface);border-color:var(--clr-accent);width:40px;height:40px;color:var(--clr-accent);font-size:1rem;box-shadow:0 2px 12px #0000004d}.carousel-btn:hover{background:var(--clr-accent);color:#fff}}.experience{background:var(--clr-void);flex-direction:column;align-items:center;padding:5rem 8%;display:flex;position:relative;overflow:hidden}.experience:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed14 0%,#0000 70%);width:400px;height:400px;position:absolute;top:10%;right:-5%}.experience-title{font-family:var(--font-display);color:var(--clr-text-primary);letter-spacing:.05em;opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);margin-bottom:2rem;font-size:clamp(2.2rem,5vw,4rem);transform:translateY(-20px)}.experience-title.visible{opacity:1;transform:translateY(0)}.experience-title:after{content:"";background:var(--clr-accent);border-radius:2px;width:60px;height:3px;margin:.8rem auto 0;display:block}.experience-tabs{opacity:0;transition:opacity .6s var(--ease-out) .1s;gap:.7rem;margin-bottom:2.5rem;display:flex}.experience-tabs.visible{opacity:1}.experience-tabs button{border:1px solid var(--clr-border);cursor:pointer;font-size:.95rem;font-family:var(--font-body);color:var(--clr-text-secondary);transition:var(--t-fast);letter-spacing:.04em;background:0 0;border-radius:50px;padding:.6rem 1.7rem}.experience-tabs button:hover{border-color:var(--clr-accent);color:var(--clr-text-primary)}.experience-tabs .active{background:var(--clr-accent);border-color:var(--clr-accent);color:#fff;box-shadow:0 0 20px #7c3aed59}.experience-list{flex-direction:column;gap:1.2rem;width:100%;max-width:960px;display:flex}.experience-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);transition:var(--t-fast), opacity .5s ease, transform .5s ease;opacity:0;grid-template-columns:210px 1px 1fr;align-items:center;gap:2rem;padding:1.8rem;display:grid;transform:translate(-30px)}.experience-card.visible{opacity:1;transform:translate(0)}.experience-card:hover{background:var(--clr-surface-2);box-shadow:var(--shadow-md);border-color:#7c3aed59;transform:translateY(-2px)!important}.experience-left{flex-direction:column;gap:.5rem;display:flex}.experience-left h3{color:var(--clr-accent-bright);font-size:1.1rem;font-family:var(--font-display);letter-spacing:.04em;line-height:1.3}.experience-left span{color:var(--clr-text-muted);font-size:.88rem;line-height:1.5}.experience-divider{background:var(--clr-border);justify-self:center;width:1px;height:75px}.experience-right p{color:var(--clr-text-secondary);font-size:.98rem;line-height:1.8}@media (width<=760px){.experience-card{grid-template-columns:1fr}.experience-divider{display:none}.experience-left{text-align:center;align-items:center}.experience-right{text-align:center}.experience-tabs{flex-direction:column;align-items:center}}.skills{background:var(--clr-void);flex-direction:column;align-items:center;gap:2rem;padding:5rem 8% 4rem;display:flex;position:relative;overflow:hidden}.skills:before{content:"";background:var(--bg-grid);pointer-events:none;z-index:0;position:absolute;inset:0}.skills:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed1a 0%,#0000 70%);width:450px;height:450px;position:absolute;bottom:-8%;left:-4%}.skills-title{font-family:var(--font-display);color:var(--clr-text-primary);letter-spacing:.06em;z-index:1;opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);font-size:clamp(2.2rem,5vw,4rem);position:relative;transform:translateY(-24px)}.skills-title.visible{opacity:1;transform:translateY(0)}.skills-title:after{content:"";background:var(--clr-accent);border-radius:2px;width:52px;height:3px;margin:.7rem auto 0;display:block}.skills-tabs{z-index:1;opacity:0;transition:opacity .7s var(--ease-out) .1s, transform .7s var(--ease-out) .1s;flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex;position:relative;transform:translateY(16px)}.skills-tabs.visible{opacity:1;transform:translateY(0)}.skills-tab{border:1px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text-muted);font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);border-radius:50px;padding:.5rem 1.3rem;font-size:.82rem}.skills-tab:hover{color:var(--clr-text-primary);border-color:var(--clr-accent-soft);transform:translateY(-2px)}.skills-tab.active{background:var(--tab-accent,var(--clr-accent));border-color:var(--tab-accent,var(--clr-accent));color:#fff;box-shadow:0 4px 18px color-mix(in srgb, var(--tab-accent,var(--clr-accent)) 40%, transparent)}.skills-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.85rem;width:100%;max-width:820px;display:grid;position:relative}.skill-item{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--r-md);cursor:default;transition:background var(--t-fast), border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:1.3rem .9rem;display:flex;transform:translateY(24px)scale(.92)}.skill-item:hover{background:var(--clr-surface-2);border-color:color-mix(in srgb, var(--accent,var(--clr-accent)) 60%, transparent);box-shadow:0 8px 28px #0003, 0 0 0 1px color-mix(in srgb, var(--accent,var(--clr-accent)) 30%, transparent);transform:translateY(-5px)scale(1.05)}.skill-icon{filter:drop-shadow(0 2px 6px #0006);transition:transform var(--t-fast);font-size:2rem;line-height:1;display:block}.skill-item:hover .skill-icon{transform:scale(1.18)rotate(-4deg)}.skill-name{color:var(--clr-text-secondary);font-family:var(--font-display);letter-spacing:.06em;text-align:center;transition:color var(--t-fast);font-size:.78rem}.skill-item:hover .skill-name{color:var(--clr-text-primary)}.skills-meta{z-index:1;background:var(--clr-surface);border:1px solid var(--clr-border);border-left:3px solid var(--accent,var(--clr-accent));border-radius:50px;align-items:center;gap:1rem;padding:.55rem 1.3rem;display:flex;position:relative}.skills-meta-label{font-family:var(--font-display);color:var(--accent,var(--clr-accent));letter-spacing:.06em;font-size:.82rem}.skills-meta-count{font-family:var(--font-display);color:var(--clr-text-muted);letter-spacing:.04em;font-size:.78rem}.light-theme .skill-item{background:var(--clr-surface);border-color:var(--clr-border)}.light-theme .skill-item:hover{background:var(--clr-surface-2)}.light-theme .skills-tab{background:var(--clr-surface);color:var(--clr-text-muted)}.light-theme .skills-meta{background:var(--clr-surface);border-color:var(--clr-border)}@media (width<=600px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}.skills-tab{padding:.42rem .9rem;font-size:.76rem}.skill-item{padding:1rem .75rem}.skill-icon{font-size:1.7rem}}.contact{background:var(--bg-accent);background-size:200% 200%;flex-direction:column;align-items:center;padding:5rem 8%;animation:18s infinite gradientShift;display:flex;position:relative;overflow:hidden}.contact:before{content:"";background:linear-gradient(to bottom, var(--clr-accent), transparent);width:1px;height:70px;position:absolute;top:0;left:50%;transform:translate(-50%)}.contact:after{content:"";background:var(--bg-grid);pointer-events:none;z-index:0;position:absolute;inset:0}.contact-title{font-family:var(--font-display);text-align:center;color:var(--clr-text-primary);letter-spacing:.05em;z-index:1;opacity:0;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);margin-bottom:3.5rem;font-size:clamp(2.2rem,5vw,4rem);position:relative;transform:translateY(-20px)}.contact-title.visible{opacity:1;transform:translateY(0)}.contact-title:after{content:"";background:var(--clr-accent);border-radius:2px;width:60px;height:3px;margin:.8rem auto 0;display:block}.contact-container{z-index:1;opacity:0;width:100%;max-width:1000px;transition:opacity .9s var(--ease-out) .15s, transform .9s var(--ease-out) .15s;flex:1;justify-content:center;align-items:center;gap:5rem;display:flex;position:relative;transform:translateY(30px)}.contact-container.visible{opacity:1;transform:translateY(0)}.contact-left{text-align:left;flex-direction:column;flex:1;align-items:flex-start;max-width:420px;display:flex}.contact-left h2{font-family:var(--font-body);color:var(--clr-text-primary);margin-bottom:1.2rem;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.25}.contact-left p{color:var(--clr-text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.8}.resume-btn{border-radius:var(--r-sm);color:var(--clr-accent-bright);font-family:var(--font-display);letter-spacing:.05em;transition:var(--t-fast);cursor:pointer;background:0 0;border:1px solid #7c3aed80;align-items:center;gap:.5rem;padding:.75rem 1.8rem;font-size:.9rem;text-decoration:none;display:inline-flex}.resume-btn:hover{background:var(--clr-accent);border-color:var(--clr-accent);color:#fff;transform:translateY(-2px);box-shadow:0 0 30px #7c3aed66}.contact-right{flex-direction:column;gap:1.1rem;display:flex}.contact-item{border-radius:var(--r-md);border:1px solid var(--clr-border);background:var(--clr-surface);transition:var(--t-fast);opacity:0;align-items:center;gap:1.1rem;min-width:220px;padding:.75rem 1.2rem;text-decoration:none;display:flex;transform:translate(30px)}.contact-item.visible{opacity:1;transform:translate(0)}.contact-item:hover{background:var(--clr-surface-2);border-color:#7c3aed66;transform:translate(6px);box-shadow:0 4px 20px #0000004d}.icon-circle{background:var(--clr-surface-2);width:44px;height:44px;color:var(--clr-text-secondary);transition:var(--t-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.contact-item:hover .icon-circle{background:var(--clr-accent);color:#fff;box-shadow:0 0 16px #7c3aed66}.contact-item span{color:var(--clr-text-secondary);font-size:.95rem;font-family:var(--font-display);letter-spacing:.04em;transition:var(--t-fast)}.contact-item:hover span{color:var(--clr-text-primary)}.contact-divider{background:var(--clr-border);flex-shrink:0;align-self:stretch;width:1px}@media (width<=900px){.contact-container{flex-direction:column;gap:2.5rem}.contact-divider{display:none}.contact-left{text-align:center;align-items:center;max-width:100%}}.footer{background:var(--clr-surface);border-top:1px solid var(--clr-border);color:var(--clr-text-muted);font-size:.9rem;font-family:var(--font-display);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:2rem 8%;display:flex}.footer-left{color:var(--clr-text-secondary)}.footer-right{gap:.4rem;display:flex}.footer-heart{color:var(--clr-red);animation:1.5s infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-line{display:none}@media (width<=600px){.footer{text-align:center;flex-direction:column;gap:.5rem;padding:1.5rem}}:root{--clr-accent:#7c3aed;--clr-accent-soft:#8b5cf6;--clr-accent-bright:#a78bfa;--clr-accent-dim:#7c3aed2e;--clr-accent-glow:#7c3aed59;--clr-red:var(--clr-accent);--clr-red-soft:var(--clr-accent-soft);--clr-red-dim:var(--clr-accent-dim);--clr-void:#07080f;--clr-surface:#0e1120;--clr-surface-2:#161929;--clr-border:#ffffff12;--bg-accent:radial-gradient(circle at 15% 20%, #7c3aed1f, transparent 35%), radial-gradient(circle at 85% 25%, #3b82f61a, transparent 35%), radial-gradient(circle at 50% 85%, #a855f714, transparent 40%), linear-gradient(135deg, #07080f 0%, #0c1128 35%, #0f1635 70%, #07080f 100%);--bg-hero:radial-gradient(circle at 20% 30%, #7c3aed2e, transparent 35%), radial-gradient(circle at 80% 20%, #3b82f61f, transparent 35%), linear-gradient(160deg, #05060d 0%, #0a0d1f 40%, #110e2a 70%, #07080f 100%);--bg-grid:radial-gradient(#ffffff0e 1px, transparent 1px);--bg-grid-size:28px 28px;--clr-text-primary:#f0f0ff;--clr-text-secondary:#b0b8d8;--clr-text-muted:#5a6480;--skill-languages:#141828;--skill-frontend:#181428;--skill-backend:#141e2a;--skill-databases:#1a1428;--skill-ai:#1e1428;--skill-tools:#14201e;--font-display:"Saira Stencil One", sans-serif;--font-body:"Sansita Swashed", cursive;--font-mono:"Tenali Ramakrishna", sans-serif;--sp-xs:.5rem;--sp-sm:1rem;--sp-md:2rem;--sp-lg:4rem;--sp-xl:8rem;--r-sm:10px;--r-md:20px;--r-lg:30px;--shadow-sm:0 4px 16px #00000080;--shadow-md:0 16px 48px #0009;--shadow-accent:0 0 60px #7c3aed66, 0 0 20px #7c3aed33;--shadow-red:var(--shadow-accent);--ease-out:cubic-bezier(.22, 1, .36, 1);--t-fast:.2s var(--ease-out);--t-med:.5s var(--ease-out);--t-slow:.8s var(--ease-out)}.light-theme{--clr-void:#f0f2f8;--clr-surface:#fff;--clr-surface-2:#e8eaf4;--clr-text-primary:#fc815b;--clr-text-secondary:#374160;--clr-text-muted:#9ca3c0;--clr-border:#00000014;--bg-accent:radial-gradient(circle at 15% 20%, #7c3aed14, transparent 35%), radial-gradient(circle at 85% 25%, #3b82f60f, transparent 35%), radial-gradient(circle at 50% 85%, #a855f70d, transparent 40%), linear-gradient(135deg, #f7f8fc 0%, #eef1fb 50%, #f7f8fc 100%);--bg-hero:radial-gradient(circle at 20% 30%, #7c3aed1a, transparent 35%), radial-gradient(circle at 80% 20%, #3b82f612, transparent 35%), linear-gradient(160deg, #fff 0%, #f3f5fc 50%, #eef1fb 100%);--bg-grid:radial-gradient(#00000012 1px, transparent 1px);--bg-grid-size:28px 28px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--clr-void);color:var(--clr-text-primary);font-family:var(--font-body);transition:background var(--t-med), color var(--t-med);overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--clr-void)}::-webkit-scrollbar-thumb{background:var(--clr-accent);border-radius:20px}:focus-visible{outline:2px solid var(--clr-accent);outline-offset:3px}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseGlow{0%,to{box-shadow:var(--shadow-accent)}50%{box-shadow:0 0 90px #7c3aed99,0 0 30px #7c3aed4d}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.7)translateY(20px)}70%{transform:scale(1.05)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.section-wave{z-index:5;width:100%;line-height:0;position:absolute;bottom:-2px;left:0;overflow:hidden}.section-wave svg{width:100%;display:block}.particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.particle{background:var(--clr-accent-bright);opacity:0;border-radius:50%;width:2px;height:2px;animation:linear infinite particleDrift;position:absolute}@keyframes particleDrift{0%{opacity:0;transform:translateY(0)scale(0)}10%{opacity:.8}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)scale(1.5)}}