*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{color:#fff;background:#160020;padding-top:90px;font-family:Arial,sans-serif}:root{--deep:#160020;--deep-2:#260039;--purple:#7e22ce;--purple-2:#a855f7;--lavender:#f8f1ff;--lavender-2:#fbf7ff;--text:#1c1026;--muted:#4b4453;--card:#fff;--shadow:0 10px 30px #7e22ce1a}section[id]{scroll-margin-top:90px}.section-label{color:var(--purple);letter-spacing:3px;margin-bottom:1rem;font-size:.85rem;font-weight:700}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14001ff2;border-bottom:1px solid #ffffff14;align-items:center;gap:2rem;width:100%;height:90px;padding:0 4rem;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:#fff;white-space:nowrap;align-items:center;gap:.7rem;font-family:Georgia,serif;font-size:2.5rem;font-weight:700;text-decoration:none;display:flex}.brand-star{color:#e9d5ff;font-size:1.9rem;line-height:1}.menu-toggle{display:none}.nav-links{align-items:center;gap:clamp(1.1rem,2vw,2.5rem);margin-left:auto;list-style:none;display:flex}.nav-links li{position:relative}.nav-links a:not(.resume-btn){color:#fff;font-size:clamp(.9rem,1.1vw,1rem);font-weight:500;text-decoration:none}.nav-links li.active:after{content:"";background:#c084fc;border-radius:20px;width:100%;height:4px;position:absolute;bottom:-14px;left:0}.resume-btn,.secondary-btn,.primary-btn{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;height:52px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.resume-btn,.secondary-btn{color:#fff;background:0 0;border:1px solid #d8b4ff;min-width:130px;padding:0 1.5rem}.primary-btn{color:#fff;background:var(--purple-2);border:none;min-width:170px;padding:0 1.7rem}.resume-btn:hover,.secondary-btn:hover{background:#ffffff1f}.primary-btn:hover{background:#c084fc;transform:translateY(-3px)}.hero{background:radial-gradient(circle at 80% 35%,#a855f799,#0000 36%),linear-gradient(120deg,#170020 0%,#29003f 45%,#6d28a8 100%);grid-template-columns:.9fr 1.1fr;align-items:center;gap:2rem;min-height:calc(100vh - 90px);padding:5rem 4rem;display:grid;overflow:hidden}.hero-text{z-index:2;max-width:680px}.intro{margin-bottom:1rem;font-size:1.15rem}.hero-text h1{margin-bottom:1.5rem;font-family:Georgia,serif;font-size:clamp(4rem,8vw,6.2rem);line-height:.95}.hero-text h2{color:#d8b4ff;margin-bottom:1.5rem;font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:400}.description{max-width:560px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;align-items:center;gap:1.4rem;display:flex}.hero-image{justify-content:flex-end;align-items:center;display:flex}.hero-image img{object-fit:contain;width:min(100%,960px);height:auto;display:block;transform:translate(-20px)translateY(10px)}.about{background:var(--lavender-2);color:var(--text);grid-template-columns:1fr auto 1.4fr;gap:4rem;padding:7rem 5rem;display:grid}.about-left h2{font-family:Georgia,serif;font-size:clamp(2.7rem,4vw,3.8rem);line-height:1.1}.about-decoration{align-items:center;gap:1rem;margin:1.5rem 0 2rem;display:flex}.about-decoration .line{background:var(--purple-2);width:50px;height:2px}.about-decoration .star{color:var(--purple-2);font-size:1.2rem}.about-left p{max-width:540px;margin-bottom:1.5rem;line-height:1.8}.about-left a{color:var(--purple);font-weight:700;text-decoration:none}.about-divider,.skills-divider,.experience-divider{background:#7e22ce2e;width:1px;min-height:350px}.about-right{grid-template-columns:repeat(2,1fr);gap:3.5rem;display:grid}.about-card{grid-template-columns:70px 1fr;align-items:flex-start;gap:1.25rem;display:grid}.card-icon{width:70px;height:70px}.card-icon img{object-fit:contain;width:100%;height:100%}.about-card h3{color:#3b0764;margin-bottom:.75rem;font-size:1.25rem}.about-card p{color:var(--muted);line-height:1.6}.projects{color:#1c1026;background:#f8f1ff;padding:5rem 5rem 6rem}.currently-working{background:#fff;border:1px solid #7e22ce1f;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;max-width:1200px;margin:0 auto 5rem;padding:2.5rem 3rem;display:grid}.working-icon img{width:120px;height:auto}.working-text .section-label{color:#7e22ce;letter-spacing:3px;margin-bottom:.75rem;font-size:.85rem;font-weight:700}.working-text p:last-child{color:#4b4453;margin:0;line-height:1.8}.working-illustration img{width:180px;height:auto}.projects-header{text-align:center;margin-bottom:4rem}.projects-header .section-label{color:#7e22ce}.projects-header h2{color:#1c1026;margin:0;font-family:Georgia,serif;font-size:4.5rem;line-height:1.1}.projects-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.project-card{background:0 0;flex-direction:column;display:flex}.project-image{border:1px solid #7e22ce1f;border-radius:20px;margin-bottom:1.5rem;overflow:hidden}.project-image img{width:100%;display:block}.project-content h3{color:#3b0764;margin-bottom:1rem;font-size:2rem}.project-content p{color:#4b4453;margin-bottom:1.5rem;line-height:1.8}.tech-label{font-weight:700;color:#7e22ce!important;margin-bottom:1rem!important}.project-tags{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.project-tags span{color:#5b21b6;border:1px solid #7e22ce26;border-radius:999px;padding:.6rem 1rem;font-size:.9rem;font-weight:600}.project-links{border-top:1px solid #7e22ce1f;gap:2rem;padding-top:1.5rem;display:flex}.project-links a{color:#6d28d9;font-weight:700;text-decoration:none;transition:all .3s}.project-links a:hover{color:#4c1d95}.projects-footer{justify-content:center;margin-top:4rem;display:flex}.github-projects-btn{color:#7e22ce;background:0 0;border:2px solid #7e22ce;border-radius:999px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.github-projects-btn:hover{color:#fff;background:#7e22ce;transform:translateY(-2px)}.skills{color:#1c1026;background:#fbf7ff;grid-template-columns:1fr auto 1.4fr;gap:4rem;padding:7rem 5rem;display:grid}.skills-left{max-width:520px}.skills-left .section-label{color:#7e22ce;letter-spacing:2px;margin-bottom:1rem;font-size:.85rem;font-weight:700}.skills-left h2{color:#1c1026;margin-bottom:1.5rem;font-family:Georgia,serif;font-size:3.5rem;line-height:1.1}.skills-left p{color:#4b4453;max-width:500px;font-size:1rem;line-height:1.8}.skills-right{flex-direction:column;justify-content:center;gap:3rem;display:flex}.skill-row{align-items:flex-start;gap:1.5rem;display:flex}.skill-row img{object-fit:contain;flex-shrink:0;width:70px;height:70px}.skill-row h3{color:#3b0764;margin-bottom:.4rem;font-size:1.6rem}.skill-row p{color:#4b4453;max-width:650px;margin:0;line-height:1.7}.experience{color:#1c1026;background:#f8f1ff;grid-template-columns:1fr auto 1.4fr;gap:4rem;padding:7rem 5rem;display:grid}.experience-left{max-width:520px}.experience-left .section-label{color:#7e22ce;letter-spacing:2px;margin-bottom:1rem;font-size:.85rem;font-weight:700}.experience-left h2{color:#1c1026;margin-bottom:1.5rem;font-family:Georgia,serif;font-size:3.5rem;line-height:1.1}.experience-accent{align-items:center;gap:.8rem;margin:2rem 0;display:flex}.experience-accent .accent-line{background:#a855f7;width:45px;height:2px}.experience-accent .accent-star{color:#a855f7;font-size:1rem}.experience-left p{color:#4b4453;max-width:500px;font-size:1rem;line-height:1.8}.experience-right{flex-direction:column;justify-content:center;gap:3rem;display:flex}.experience-row{align-items:flex-start;gap:1.5rem;display:flex}.experience-row img{object-fit:contain;flex-shrink:0;width:90px;height:90px}.experience-row h3{color:#3b0764;margin-bottom:.3rem;font-size:1.6rem}.experience-row h4{color:#7e22ce;margin-bottom:.35rem;font-size:1rem}.experience-row span{color:#4b4453;margin-bottom:.8rem;font-weight:600;display:block}.experience-row p{color:#4b4453;max-width:650px;margin:0;line-height:1.7}.contact{text-align:center;color:#fff;background:radial-gradient(circle at 75% 35%,#a855f78c,#0000 45%),linear-gradient(135deg,#1b0030 0%,#25003f 40%,#43106e 100%);padding:7rem 5rem}.contact-content{max-width:1200px;margin:0 auto}.contact-label{color:#ffffffd1;letter-spacing:4px;margin-bottom:1rem;font-size:.85rem;font-weight:700}.contact h2{color:#fff;margin-bottom:1.5rem;font-family:Georgia,serif;font-size:clamp(3rem,6vw,5.5rem);line-height:1.05}.contact-subtitle{color:#ffffffe6;margin-bottom:4rem;font-size:1.15rem}.contact-links{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:3rem;display:flex}.contact-item{flex-direction:column;align-items:center;gap:.75rem;min-width:220px;display:flex}.contact-item img{object-fit:contain;width:72px;height:72px}.contact-item a,.contact-item span{color:#fff;white-space:nowrap;font-size:1rem;line-height:1.5;text-decoration:none}.contact-item a:hover{color:#d8b4fe}@media (width<=1100px){.navbar{padding:0 2rem}.about,.skills,.experience{grid-template-columns:1fr;gap:3rem}.about-divider,.skills-divider,.experience-divider{display:none}.about-right,.projects-grid{grid-template-columns:1fr}.currently-working{text-align:center;grid-template-columns:1fr}.working-icon,.working-illustration{margin:0 auto}.working-illustration{display:none}}@media (width<=768px){section[id]{scroll-margin-top:80px}.navbar{flex-wrap:nowrap;justify-content:space-between;gap:1rem;height:80px;padding:0 1rem}.brand{gap:.45rem;max-width:calc(100% - 70px);font-size:1.35rem}.brand-star{font-size:1.1rem}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-left:auto;font-size:1.6rem;display:flex}.nav-links{display:none}.nav-links.open{z-index:9999;background:#14001ffa;border:1px solid #ffffff26;border-radius:18px;flex-direction:column;align-items:flex-start;gap:1rem;width:220px;margin-left:0;padding:1.3rem;display:flex;position:absolute;top:80px;right:1rem;box-shadow:0 20px 45px #00000059}.nav-links li{width:100%}.nav-links li.active:after{display:none}.nav-links a:not(.resume-btn){font-size:1rem}.nav-links .resume-btn{width:100%;min-width:0;height:42px}.hero{text-align:left;grid-template-columns:1fr;gap:2.5rem;min-height:auto;padding:4rem 1.5rem}.hero-text{max-width:100%}.hero-text h1{font-size:3.4rem}.hero-text h2{font-size:1.6rem;line-height:1.2}.description{max-width:100%;font-size:1rem;line-height:1.7}.hero-buttons{flex-direction:column;align-items:flex-start}.primary-btn,.secondary-btn{width:100%;max-width:280px}.hero-image{justify-content:center}.hero-image img{width:100%;max-width:420px;transform:none}.about,.projects,.skills,.experience,.contact{padding:5rem 1.5rem}.about-left h2,.skills-left h2,.experience-left h2{font-size:2.5rem}.about-card{grid-template-columns:55px 1fr;gap:1rem}.card-icon,.skill-row img{width:55px;height:55px}.projects-header h2{font-size:2.5rem}.currently-working{padding:2rem}.project-content h3{font-size:1.6rem}.skills-right{gap:2.2rem}.skill-row,.experience-row{gap:1rem}.experience-row{flex-direction:row}.experience-row img{width:65px;height:65px}.contact h2{font-size:3rem}.contact-links{flex-direction:column;align-items:center;gap:2rem}.contact-item{width:100%;min-width:0}.contact-item a,.contact-item span{white-space:normal;overflow-wrap:anywhere}}@media (width<=430px){.brand{font-size:1.15rem}.hero-text h1{font-size:3.1rem}.hero{padding:3.5rem 1.25rem}}@media (width<=768px){.navbar{width:100%;position:fixed;top:0;left:0;right:0}body{padding-top:80px}section[id]{scroll-margin-top:90px}}