@import "https://fonts.googleapis.com/css2?family=Gruppo&display=swap";@import "https://fonts.googleapis.com/css2?family=Grape+Nuts&family=Gruppo&display=swap";body{color:#fff;background-color:#181818;font-family:Gruppo,sans-serif}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.app-shell{min-height:100vh;padding-top:90px}.section-wrapper{max-width:1200px;margin:0 auto;padding:60px 80px 80px}.section-header{margin-bottom:40px}.section-title{color:#fff;margin-bottom:16px;font-size:3rem}.section-text{color:#e5e8f0;max-width:780px;font-size:1.3rem;line-height:1.7}@media (width<=1024px){.section-wrapper{padding:50px 40px 60px}.section-title{font-size:2.5rem}}@media (width<=768px){.app-shell{padding-top:100px}.section-wrapper{padding:40px 24px 48px}.section-title{font-size:2rem}.section-text{max-width:100%;font-size:1.05rem}}@media (width<=480px){.section-wrapper{padding:32px 16px 40px}.section-title{font-size:1.7rem}.section-text{font-size:.95rem}}.home-bg{min-height:calc(100vh - 90px);max-width:auto;background-image:url(/assets/profpic-BkOouCnI.png);background-position:100%;background-repeat:no-repeat;background-size:contain;flex-direction:column;justify-content:flex-start;margin:0 30px 0 auto;padding:20px 80px 40px;display:flex}.intro-msg1 h3{color:#fff;margin-top:10px;margin-bottom:10px;margin-left:40px;font-family:grape nuts,cursive;font-size:2.5rem;font-weight:lighter}.intro-msg1 h1{color:#fff;margin-top:10px;margin-bottom:10px;margin-left:74px;font-family:gruppo,cursive;font-size:7.5rem;font-weight:lighter;line-height:1}.intro-msg1 p{color:#fff;max-width:520px;margin-top:20px;margin-left:80px;font-family:gruppo,cursive;font-size:1.5rem;font-weight:lighter;line-height:1.5}@media (width<=1024px){.home-bg{background-position:right 20% center;background-size:55%;margin-right:0;padding:60px 40px 80px}.intro-msg1 h3{margin-left:24px}.intro-msg1 h1{margin-left:40px;font-size:5.5rem}.intro-msg1 p{max-width:60%;margin-left:44px;font-size:1.35rem}}@media (width<=768px){.home-bg{background-position:top;background-size:80%;min-height:auto;margin-right:0;padding:40px 24px 60px}.intro-msg1 h3{text-align:center;margin-left:0;font-size:2rem}.intro-msg1 h1{text-align:center;margin-left:0;font-size:4rem}.intro-msg1 p{text-align:center;max-width:100%;margin-top:18px;margin-left:0;font-size:1.15rem}}@media (width<=520px){.intro-msg1 h3{font-size:1.7rem}.intro-msg1 h1{font-size:3rem}.intro-msg1 p{font-size:1rem}}._aboutwrapper_197o4_1{box-sizing:border-box;align-items:flex-start;max-width:1400px;min-height:calc(100vh - 90px);margin:0 auto;padding:90px 50px 40px;display:flex}._inner_197o4_11{align-items:center;gap:48px;width:100%;display:flex}._image_197o4_18{border-radius:20px;flex-shrink:0;width:min(350px,60%);height:auto;margin-top:40px;padding:10px}._content_197o4_27{color:#fff;flex:1;min-width:0}._content_197o4_27 h1{margin:0 0 16px;font-family:gruppo,cursive;font-size:3rem;font-weight:700}._content_197o4_27 p{color:#e5e8f0;margin:0 0 8px;font-family:gruppo,cursive;font-size:1.3rem;line-height:1.7}@media (width<=1024px){._aboutwrapper_197o4_1{padding:90px 40px 60px}._inner_197o4_11{gap:32px}._image_197o4_18{width:min(300px,40%)}._content_197o4_27 h1{font-size:2.6rem}}@media (width<=768px){._aboutwrapper_197o4_1{min-height:auto;padding:90px 24px 60px}._inner_197o4_11{text-align:center;flex-direction:column;align-items:center}._image_197o4_18{width:100%;max-width:300px;margin-top:0}._content_197o4_27 h1{font-size:2.5rem}._content_197o4_27 p{font-size:1rem}}@media (width<=480px){._aboutwrapper_197o4_1{padding:90px 16px 48px}._image_197o4_18{max-width:220px}._content_197o4_27 h1{font-size:2rem}._content_197o4_27 p{font-size:.95rem}}.navbar{z-index:1000;color:#fff;background:#1d1d1d;border:1px solid #fff3;border-radius:50px;flex-direction:row;justify-content:center;align-items:center;gap:3rem;width:min(1100px,100% - 80px);max-width:1100px;padding:1rem;font-family:gruppo,cursive;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0003}.navbar a{color:#fff;border-radius:30px;padding:.5rem 1.2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .25s,background-color .25s;display:inline-block;transform:scale(1)}.navbar a:hover{background-color:#eaeef36b;border-radius:30px;transform:scale(1.15)}#home{scroll-margin-top:100px}#about,#skills,#projects,#contact{scroll-margin-top:1px}html{scroll-behavior:smooth}@media (width<=900px){.navbar{border-radius:24px;flex-wrap:wrap;gap:1.25rem;width:calc(100% - 32px);padding:.75rem 1rem;top:12px}.navbar a{padding:.4rem .8rem;font-size:.9rem}}@media (width<=480px){.navbar{gap:.5rem;padding:.6rem .8rem}.navbar a{padding:.35rem .6rem;font-size:.8rem}}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.skill-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;max-height:450px;padding:24px;box-shadow:0 20px 60px #0000001f}.skill-card h3{margin-bottom:14px;font-size:1.4rem}.skill-list{gap:16px;display:grid}.skill-item{background:#ffffff0a;border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.skill-logo{filter:brightness(0)invert();background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;min-width:54px;min-height:54px;display:flex}.skill-logo-svg{width:42px;height:42px}.skill-fallback{text-align:center;color:#fff;width:42px;height:42px;line-height:42px;display:inline-block}.skill-item span{color:#e7edf7;font-size:1rem;font-weight:600}@media (width<=600px){.skills-grid{grid-template-columns:1fr;gap:16px}.skill-card{max-height:none;padding:18px}.skill-logo{min-width:44px;min-height:44px}.skill-logo-svg,.skill-fallback{width:34px;height:34px}.skill-item span{font-size:.9rem}}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.project-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;padding:24px;box-shadow:0 20px 60px #0000001f}.project-card h3{margin-bottom:14px;font-size:1.4rem}.project-tech{flex-wrap:wrap;gap:.6rem;margin-top:18px;display:flex}.tech-pill{color:#fff;background:#ffffff1f;border-radius:999px;padding:8px 12px;font-size:1rem}.project-link{color:#fff;margin-top:20px;font-weight:700;text-decoration:none;display:inline-block}.project-link:hover{color:#cbd6ff}@media (width<=600px){.projects-grid{grid-template-columns:1fr;gap:18px}.project-card{border-radius:18px;padding:20px}.project-card h3{font-size:1.25rem}.tech-pill{padding:6px 10px;font-size:.85rem}}.contact-section{padding-top:60px}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.contact-card{padding:15px}.contact-card h3{margin-bottom:14px;font-size:1.4rem}.contact-icon{filter:invert();width:24px;height:24px;margin-right:8px}.contact-form{gap:20px;max-width:720px;margin-top:40px;display:grid}.contact-form label{color:#fff;gap:10px;font-size:.95rem;display:grid}.contact-form input,.contact-form textarea{color:#fff;background:#1818180f;border:1px solid #ffffff26;border-radius:18px;width:100%;padding:16px 18px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#c1c7d2}.contact-form button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:999px;width:fit-content;padding:16px 28px;font-weight:700}.contact-form button:hover{background:#7a8dff}.contact-card a{color:#a3b1ff;text-decoration:none;display:inline-block;transform:translateY(-5px)}.contact-card a:hover{text-decoration:underline}.resume-section{text-align:center;padding-top:100px;line-height:.5rem}.resume-image{border-radius:12px;width:850px;max-width:100%;height:auto;margin:0 auto 20px;display:block}@media (width<=768px){.resume-section{padding-top:80px;padding-left:16px;padding-right:16px}.resume-image{border-radius:8px}}