@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:left}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:Nunito,sans-serif}:root{--bg-color: #191f36;--snd-bf-color: #262B40;--text-color: #fff;--main-color: #59B2F4;--text-muted: rgba(255, 255, 255, .72);--text-subtle: rgba(255, 255, 255, .48);--border-subtle: rgba(255, 255, 255, .08)}html{font-size:62.5%;overflow-x:hidden}body{background:var(--bg-color);color:var(--text-color)}section{min-height:100vh;padding:10rem 9% 2rem}.header{position:fixed;top:0;left:0;width:100%;padding:2rem 9%;background:var(--bg-color);display:flex;justify-content:space-between;align-items:center;z-index:100}.logo{font-size:2.5rem;color:var(--text-color);font-weight:700;cursor:default}.brand-color-text{display:inline;color:var(--main-color);font-weight:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.navbar a{font-size:1.5rem;color:var(--text-color);margin-left:4rem;font-weight:700}.navbar a:hover,.navbar a.active{color:var(--main-color)}#menu-icon{font-size:3.6rem;color:var(--text-color);display:none}span{color:var(--main-color)}.home{display:flex;align-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.home-inner{display:grid;grid-template-columns:1fr min(32vw,36rem);align-items:center;gap:clamp(3rem,5vw,6rem);width:100%;max-width:110rem;margin:0 auto}.home-eyebrow{font-size:1.4rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:1.6rem}.home-name{font-size:clamp(4rem,6vw,6.4rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--text-color);margin-bottom:1.6rem}.home-headline{font-size:clamp(1.8rem,2.5vw,2.4rem);font-weight:500;line-height:1.4;color:var(--text-color);max-width:58rem;margin-bottom:2rem}.home-summary{font-size:1.6rem;font-weight:400;line-height:1.7;color:var(--text-muted);max-width:58rem;margin-bottom:2.4rem}.home-domains{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;margin-bottom:3.2rem}.home-domains li{font-size:1.3rem;font-weight:500;color:var(--text-muted);padding:.5rem 1.2rem;border:1px solid var(--border-subtle);border-radius:.6rem;background:#ffffff08}.home-cta{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:2.4rem}.home .btn{border-radius:.8rem;font-size:1.5rem;font-weight:600;letter-spacing:0;padding:1.2rem 2rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.home button.btn{font-family:inherit}.home .btn-primary{background:var(--main-color);color:var(--bg-color)}.home .btn-primary:hover{background:#7cc4f7;box-shadow:none}.home .btn-secondary{background:transparent;color:var(--text-color);border:1px solid var(--border-subtle)}.home .btn-secondary:hover{border-color:#fff3;background:#ffffff0a;box-shadow:none}.home-links{display:flex;align-items:center;gap:.8rem;font-size:1.4rem}.home-links a{color:var(--text-subtle);font-weight:500;transition:color .15s ease}.home-links a:hover{color:var(--text-color)}.home-links-divider{color:var(--border-subtle);-webkit-user-select:none;user-select:none}.home-media{width:100%;max-width:min(32vw,36rem);justify-self:end}.home-media img{display:block;width:100%;aspect-ratio:3 / 4;height:auto;object-fit:cover;border-radius:1.6rem;border:1px solid var(--border-subtle)}.resume-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.resume-modal{display:flex;flex-direction:column;width:min(96vw,90rem);height:min(90vh,80rem);background:var(--snd-bf-color);border:1px solid var(--border-subtle);border-radius:1.2rem;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.resume-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem 2rem;border-bottom:1px solid var(--border-subtle)}.resume-modal-header h2{font-size:1.8rem;font-weight:600;color:var(--text-color)}.resume-modal-actions{display:flex;align-items:center;gap:.8rem}.resume-modal .btn-sm{font-size:1.3rem;padding:.8rem 1.4rem}.resume-modal-close{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin-left:.4rem;border-radius:.6rem;background:transparent;color:var(--text-muted);font-size:2.4rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.resume-modal-close:hover{background:#ffffff0f;color:var(--text-color)}.resume-modal-body{flex:1;min-height:0;background:#0f1320}.resume-modal-frame{width:100%;height:100%;border:none}.btn{display:inline-block;padding:1rem 2.8rem;background:var(--main-color);border-radius:4rem;box-shadow:none;font-size:1.6rem;color:var(--bg-color);letter-spacing:.1rem;font-weight:600;transition:.5s ease}.btn:hover{box-shadow:0 0 1rem var(--main-color)}.btn-primary{background:var(--main-color);color:var(--bg-color);border-radius:.8rem;letter-spacing:0}.btn-primary:hover{background:#7cc4f7;box-shadow:none}.heading{text-align:center;font-size:4.5rem}.projects{padding-bottom:7rem}.projects h2{margin-bottom:4rem}.projects-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:2.5rem}.projects-container .projects-box{position:relative;border-radius:2rem;box-shadow:0 0 1rem var(--bg-color);overflow:hidden;display:flex}.projects-box img{width:100%;aspect-ratio:7 / 5;object-fit:cover;transition:.5s ease;opacity:.7}.projects-box:hover img{transform:scale(1.1)}.projects-box .projects-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.1),var(--main-color));display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 4rem;transform:translateY(100%);transition:.5s ease}.projects-box:hover .projects-layer{transform:translateY(0)}.projects-layer h4{font-size:3rem}.projects-layer p{font-size:1.6rem;margin:.3rem 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.projects-layer a{display:inline-flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:var(--text-color);border-radius:50%}.projects-layer a i{font-size:2rem;color:var(--snd-bf-color)}.experience{background:var(--snd-bf-color)}.experience h2{margin-bottom:4rem}.experience-container{display:flex;flex-direction:column;gap:2rem;max-width:90rem;margin:0 auto}.experience-card{background:var(--bg-color);border:1px solid var(--border-subtle);border-radius:1.2rem;padding:2.4rem 3rem}.experience-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.2rem}.experience-card h3{font-size:2.2rem;margin-bottom:.4rem}.experience-company{font-size:1.6rem;color:var(--main-color);font-weight:600}.experience-period{font-size:1.4rem;color:var(--text-subtle);white-space:nowrap}.experience-summary{font-size:1.6rem;line-height:1.7;color:var(--text-muted);margin-bottom:1.6rem}.experience-stack{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none}.experience-stack li{font-size:1.3rem;color:var(--text-muted);padding:.5rem 1.2rem;border:1px solid var(--border-subtle);border-radius:.6rem;background:#ffffff08}.experience-group{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}.experience-group:last-child{margin-bottom:0}.experience-subheading{font-size:2rem;font-weight:600;color:var(--text-color);margin-bottom:0}.education-coursework{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:1.6rem}.education-coursework-label{font-size:1.3rem;font-weight:500;color:var(--text-subtle);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.04em}.education-activities{list-style:disc;padding-left:2rem;font-size:1.5rem;line-height:1.7;color:var(--text-muted)}.education-activities li{margin-bottom:.6rem}.education-activities li:last-child{margin-bottom:0}.education-activities strong{color:var(--text-color);font-weight:600}.skills{background:var(--snd-bf-color)}.skills h2{margin-bottom:4rem}.skills-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:110rem;margin:0 auto}.skills-card{background:var(--bg-color);border:1px solid var(--border-subtle);border-radius:1.2rem;padding:2.4rem 3rem}.skills-card h3{font-size:1.8rem;margin-bottom:1.6rem;color:var(--main-color);font-weight:600}.skills-list{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none}.skills-list li{font-size:1.3rem;color:var(--text-muted);padding:.5rem 1.2rem;border:1px solid var(--border-subtle);border-radius:.6rem;background:#ffffff08}.contact h2{margin-bottom:3rem}.contact form{max-width:70rem;margin:1rem auto 3rem;text-align:center}.contact form .input-box{display:flex;justify-content:space-between;flex-wrap:wrap}.contact form .input-box input,.contact form textarea{width:100%;padding:1.5rem;font-size:1.6rem;color:var(--text-color);background:var(--snd-bf-color);border-radius:.8rem;margin:.7rem 0}.contact form .input-box input{width:49%}.contact form textarea{resize:none}.contact form .btn{margin-top:2rem;cursor:pointer}.contact form .btn:disabled{opacity:.7;cursor:not-allowed}.contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-status{margin-top:1.6rem;padding:1.2rem 1.6rem;border-radius:.8rem;font-size:1.5rem;line-height:1.5;text-align:left}.contact-status--success{background:#59b2f41f;border:1px solid var(--main-color);color:var(--text-color)}.contact-status--error{background:#ff646414;border:1px solid rgba(255,100,100,.4);color:var(--text-color)}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:2rem 9%;background:var(--snd-bf-color)}.footer-text{font-size:1.6rem}.footer-iconTop{display:flex;justify-content:center;align-items:center;padding:.8rem 1rem;background:var(--main-color);border-radius:.8rem;transition:.5s ease}.footer-iconTop a:hover{box-shadow:0 0 1rem var(--main-color)}.footer-iconTop a i{font-size:2.4rem;color:var(--snd-bf-color)}@media(max-width:1200px){html{font-size:55%}}@media(max-width:991px){.header{padding:2rem 3%}section{padding:10rem 3%}.skills-container{grid-template-columns:repeat(2,1fr)}.experience,.skills{padding-bottom:7rem}.contact{min-height:auto}.footer{padding:2rem 3%}}@media(max-width:768px){#menu-icon{display:block}.navbar{position:absolute;top:100%;left:0;width:100%;padding:1rem 3%;background:var(--bg-color);border-top:.1rem solid rgba(0,0,0,.2);box-shadow:0 .5rem 1rem #0003;display:none}.navbar.active{display:block}.navbar a{display:block;font-size:2rem;margin:3rem 0}.home-inner{grid-template-columns:1fr;gap:4rem}.home-content{order:2}.home-media{order:1;width:100%;max-width:100%;justify-self:stretch}.home-cta .btn{flex:1 1 auto;text-align:center}.resume-modal-overlay{padding:1rem}.resume-modal{width:100%;height:92vh}.resume-modal-header{flex-wrap:wrap;padding:1.2rem 1.6rem}.resume-modal-actions{flex-wrap:wrap}.projects h2,.experience h2,.skills h2{margin-bottom:3rem}.skills-container{grid-template-columns:1fr}.projects-container{grid-template-columns:repeat(2,1fr)}.experience-card-header{flex-direction:column;gap:.8rem}.experience-period{white-space:normal}.experience-card{padding:2rem}}@media(max-width:617px){.projects-container{grid-template-columns:1fr}}@media(max-width:450px){html{font-size:50%}.contact form .input-box{width:100%}}