*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.navbar{position:fixed;top:0;left:0;height:64px;width:100%;padding:0 2rem;display:flex;align-items:center;justify-content:center;background:#7c7cff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;font-family:Merriweather}.footer{margin-top:6rem;padding:2rem 1.5rem;text-align:center;font-size:.85rem;opacity:.6;border-top:1px solid rgba(255,255,255,.1)}body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,#151515,#0a0a0a);color:#f5f5f5;line-height:1.6}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 90% 95%,#7c7cff10,transparent 45%),radial-gradient(circle at 80% 90%,#7c7cff31,transparent 40%);filter:blur(80px);animation:fogMove 25s linear infinite alternate;pointer-events:none;z-index:-1}@keyframes floatGlow{0%{transform:translateY(-40px)}to{transform:translateY(40px)}}main{padding-top:80px}.logo{font-weight:600;font-size:1.1rem}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links button{background:none;border:none;color:#fff;font-size:.9rem;cursor:pointer;font-family:Merriweather}.nav-links button:hover{opacity:.7}.hero{min-height:80vh;display:flex;align-items:center;padding:0 2rem;background:transparent}.hero-content{max-width:900px}.hero-name{font-size:clamp(4rem,12vw,7rem);font-weight:400;letter-spacing:.02em;line-height:1;font-family:Ahsing,sans-serif;text-shadow:2px 2px 4px #7c7cffd7}.hero-tagline{margin-top:1.5rem;max-width:600px;font-size:1.3rem;color:#ffffffe7;font-family:Merriweather}.hero-tagline span{color:#7c7cff}.hero-actions{margin-top:2.5rem;display:flex;gap:1rem;flex-wrap:wrap}.hero-location{font-size:.9rem;opacity:.7;margin-bottom:1.5rem}.project-btn{background:#7c7cff;color:#0a0a0a;padding:.9rem 1.6rem;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;font-family:Merriweather}.project-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c7cff66}.resume-btn{padding:.9rem 1.6rem;border-radius:999px;border:1px solid rgba(124,124,255,.4);text-decoration:none;color:#fff;font-family:Merriweather}.resume-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c7cff66}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem}.project-card{background:#ffffff0a;border-radius:16px;padding:.6rem;transition:transform .25s ease,background .25s ease;height:550px;width:360px;border:1px solid rgba(255,255,255,.08);font-family:Merriweather}.project-card:hover{transform:translateY(-5px);background:#ffffff14;box-shadow:0 20px 50px #00000059}.project-card h3{margin-bottom:.5rem}.fade-in{opacity:0;transform:translateY(30px);transition:all .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,260px);gap:1.5rem}.skill-card{height:240px;padding:1.4rem;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;gap:1.8rem;flex-direction:column;justify-content:flex-start;transition:transform .25s ease,background .25s ease;font-family:Merriweather}.skill-card:hover{transform:translateY(-5px);background:#ffffff14}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.skill-tags span{font-size:.75rem;padding:.35rem .7rem;border-radius:999px;background:#7c7cff26;color:#bdbdff;border:1px solid rgba(124,124,255,.25)}.about-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:3rem}.about-right{display:flex;flex-direction:column;align-items:center;padding-top:5rem;justify-self:center}.about-right>*{max-width:700px;width:100%}.about-left{position:relative;display:flex;flex-direction:column;gap:1rem}.about-heading{font-size:1.07rem;max-width:650px;margin-bottom:2rem;font-family:Merriweather;font-weight:400}.about-heading span{color:#7c7cff}.experience-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:780px;max-height:1000px;font-family:Merriweather}.experience-card{height:300px;padding:1.4rem;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease,background .25s ease}.summary{font-size:.9rem}.experience-card.expandable:after{content:"";position:absolute;bottom:60px;left:0;right:0;height:40px;background:linear-gradient(to bottom,#0000,#141428e6);pointer-events:none}.experience-card.expandable:hover:after{opacity:0}.period{align-self:flex-start;padding:.25rem .6rem;font-size:.7rem;border-radius:999px;margin-bottom:.4rem;background:#7c7cff26;color:#cfcfff}.skills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.skill{padding:.25rem .6rem;font-size:.7rem;border-radius:999px;font-family:Merriweather;background:#7c7cff26;color:#cfcfff;border:1px solid rgba(124,124,255,.25)}.experience-card.expandable{height:300px;overflow:hidden;transition:height .35s ease,transform .25s ease}.experience-card.expandable:hover{height:495px;transform:translateY(-6px)}.full-description{margin-top:.8rem;opacity:0;max-height:0;transition:opacity .25s ease;font-size:.9rem;line-height:1.5}.experience-card.expandable:hover .full-description{opacity:1}.experience-card:hover{transform:translateY(-6px);background:#ffffff14}.experience-card h4{font-size:1.1rem;margin-bottom:.3rem}.experience-card span{font-size:.75rem}.experience-card p{margin-top:.6rem;font-size:.9rem;opacity:.85}.contact-section{padding:6rem 1.5rem}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:6rem;margin-top:3rem;align-items:flex-start}.contact-text{font-size:1.7rem;font-family:Merriweather;line-height:1.3;margin-bottom:2rem}.contact-text span{color:#7c7cff}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-links{display:flex;gap:1rem;justify-content:flex-start;margin-top:2rem}.contact-links a{padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);transition:background .2s ease;font-family:Merriweather;display:flex;align-items:center;font-size:1.1rem;color:#bdbdff}.contact-links a:hover{color:#7c7cff}.email-copy{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-weight:500;opacity:.85;padding:.5rem 1rem;border-radius:999px;font-size:.8rem;border:1px solid rgba(255,255,255,.2);transition:background .2s ease;font-family:Merriweather;color:#b3b3f4d7}.email-copy:hover{background:#7c7cff26}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.75rem 1rem;border-radius:10px;color:#fff;font-family:Merriweather}.contact-form button{margin-top:1rem;padding:.75rem;border-radius:12px;background:#7c7cff;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease;font-family:Merriweather}.contact-form button:hover{transform:translateY(-2px)}.contact-window{background:#141414a6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px #7c7cff6f;overflow:hidden;max-width:440px}.window-header{display:flex;gap:.5rem;padding:.8rem 1rem;background:#ffffff0a;border-bottom:1px solid rgba(114,37,37,.08)}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.contact-window .contact-form{padding:1.5rem}section{padding:6rem 1.5rem;max-width:1200px}.section-inner{max-width:1100px;margin:0 auto}.section-title{font-size:4rem;font-weight:400;margin-bottom:3rem;line-height:1.1;font-family:Ahsing,sans-serif;letter-spacing:.04em;text-shadow:2px 2px 4px #7c7cffd7}.project-image{position:relative;width:100%;height:200px;overflow:hidden;border-radius:12px;margin-bottom:1rem}.project-image img{width:100%;height:100%;object-fit:cover}.project-image.in-progress img{filter:blur(6px) brightness(.8);transform:scale(1.05)}.overlay-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.15em;text-transform:uppercase;background:#49474768;color:#cfcfff;z-index:2}.project-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.project-tech span{font-size:.73rem;padding:.25rem .6rem;border-radius:999px;background:#7c7cff26;color:#cfcfff;border:1px solid rgba(124,124,255,.25)}.project-title{display:flex;align-items:center;gap:.6rem}.project-github{margin-top:auto;font-size:1.3rem;color:#bdbdff}.project-github:hover{color:#7c7cff;transform:translateY(-2px)}.sparkle{position:fixed;width:8px;height:8px;background:radial-gradient(circle,#7c7cff,transparent 60%);border-radius:50%;pointer-events:none;animation:sparkle-fade .6s forwards;z-index:2}@keyframes sparkle-fade{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}#effects-layer{position:fixed;inset:0;pointer-events:none;z-index:2}@font-face{font-family:Ahsing;src:url(/Fonts/ahsing.ttf) format("truetype");font-weight:400;font-style:normal}@media(max-width:768px){#root{max-width:100%;padding:0;margin:0}}@media(hover:none)and (pointer:coarse){.experience-card:hover,.experience-card.expandable:hover{transform:none!important;background:#ffffff0a!important;height:auto!important}.experience-card.expandable:after{display:none!important}.experience-card.expandable{height:auto!important;transform:none!important}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@media(max-width:768px){.hero-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1rem!important}}@media(max-width:900px){.about-layout{display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%;margin-bottom:40rem}.about-left{position:static;width:100%;text-align:center}.about-heading{max-width:90%;margin:20px;line-height:1.6;margin-top:-5rem}.experience-cards{display:grid;grid-template-columns:1fr;width:100%;padding:0 1rem;gap:1.5rem;align-items:stretch}.experience-card{width:100%;max-width:100%;min-height:auto}.full-description{margin-top:.8rem;opacity:0;max-height:0;overflow:hidden;transition:opacity .25s ease,max-height .35s ease}}@media(max-width:900px){#about{padding-bottom:18rem}}@media(max-width:900px){.experience-card,.experience-card.expandable{overflow:hidden;transition:height .35s ease}.experience-card.expandable.expanded{height:auto}.experience-card.expandable.expanded .full-description{opacity:1;max-height:500px}}@media(hover:hover)and (pointer:fine){.experience-card.expandable:hover{height:495px;transform:translateY(-6px)}}@media(hover:none)and (pointer:coarse){.experience-card.expandable{cursor:pointer}}#about,.about-layout,.about-right,.about-left,.experience-cards{height:auto!important;overflow:visible!important;position:static!important}@media(max-width:768px){.contact-layout{display:flex;flex-direction:column;gap:2.5rem;width:100%;padding:0 1.5rem}.contact-text{font-size:1.6rem;text-align:left}.contact-links{margin-right:2rem}.contact-links,.contact-form{min-width:320px;width:100%}.contact-form{margin-top:1rem}}@media(max-width:768px){.nav-links{gap:1rem}.section{padding:6rem 2rem}}