:root{--bg-primary:#091022;--bg-secondary:#002642;--bg-tertiary:#ef233c;--text-primary:#fff;--text-secondary:#4d4d4d;--text-tertiary:#ffffffb3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Verdana,Geneva,Tahoma,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3,h4{color:var(--text-primary);font-weight:600;line-height:1.2}section{padding:0}.container{margin:0 auto}.header{background:var(--bg-tertiary);color:var(--text-primary);border-radius:0 1.2rem;margin-bottom:5rem;padding:.35rem 1.2rem;font-size:2.2rem;font-weight:600;display:inline-block;position:relative}.header:after{content:"";background:var(--bg-secondary);z-index:-1;border-radius:0 1.1rem;width:55%;height:70%;position:absolute;bottom:-.45rem;right:-.6rem}.hero-wrapper{background:radial-gradient(circle at top,#061a3a 0,#020411 45%,#000 100%);border-radius:0 0 7.5rem 7.5rem;width:100%;height:70vh;display:flex;position:relative;overflow:hidden}.hero-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-content{z-index:1;text-align:left;width:100%;max-width:44rem;color:var(--text-primary);pointer-events:none;flex-flow:column;justify-content:center;align-items:flex-start;margin-left:8%;padding:0 1.5rem;display:flex;position:relative}.hero-content a,.hero-content button{pointer-events:auto}.hero-header{margin:0 0 1.5rem;font-size:5rem;font-weight:700;line-height:1.1}.hero-text{max-width:37.5rem;margin-top:.5rem;padding:0 0 0 .35rem;font-size:1.5rem}@media (max-width:480px){.hero-wrapper{border-radius:0 0 4rem 4rem;height:55vh;margin-top:2rem}.hero-content{max-width:100%;margin-left:1rem;padding:0 1rem}.hero-header{font-size:2.4rem}.hero-text{max-width:100%;font-size:1.2rem}a.button{padding:.55rem 1rem}}.about-section{padding:4rem 1.5rem}.about-container{align-items:flex-start;gap:10rem;max-width:80rem;margin:0 auto;display:flex}.about-text{flex:50%}.about-body{color:var(--text-primary);margin-bottom:.9rem;font-size:1rem}.about-tech-grid{background:var(--bg-secondary);border-radius:10rem 0;flex:50%;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:start;gap:1.5rem;padding:4rem;display:grid;position:relative}.about-tech-grid>*{transform:translate(-.5rem,1.5rem)}.about-tech-grid:before{content:"";border:.25rem solid var(--bg-tertiary);border-radius:inherit;z-index:1;position:absolute;inset:0;transform:translate(-5rem,2.5rem)}.tech-pill{flex-flow:column;justify-content:center;align-items:center;gap:.5rem;width:5rem;height:5rem;display:flex;position:relative}.tech-icon{object-fit:contain;opacity:.95;width:3.5rem;height:3.5rem;transition:transform .2s,opacity .2s}.tech-label{color:var(--text-primary);font-size:.8rem}.tech-pill:hover .tech-icon{opacity:1;transform:scale(1.06)}@media (max-width:480px){.about-section{padding:3rem 1.25rem}.about-container{text-align:left;flex-direction:column;align-items:center;gap:2rem}.about-header{border-radius:0 1rem;margin-bottom:2rem;padding:.25rem 1rem;font-size:1.6rem}.about-header:after{border-radius:0 1rem;width:50%;height:65%;bottom:-.35rem;right:-.4rem}.about-body{margin-bottom:.8rem;font-size:.9rem}.about-tech-grid{border-radius:6rem 0;gap:1rem;padding:2.5rem 2rem}.about-tech-grid>*{transform:translate(-1rem,1rem)}.about-tech-grid:before{border-radius:inherit;border-width:.2rem;transform:translate(-1.5rem,1.2rem)}.tech-pill{gap:.3rem;width:3.8rem;height:3.8rem}.tech-icon{width:2.4rem;height:2.4rem}.tech-label{font-size:.7rem}}.projects-section{padding:4rem 1.5rem}.projects-section .container{max-width:80rem;margin:0 auto}.projects-list{flex-direction:column;gap:3.5rem;display:flex}.flipped-header.header{border-radius:1.1rem 0;margin-bottom:3rem;margin-left:auto;display:table;position:relative}.flipped-header.header:after{content:"";background:var(--bg-secondary);z-index:-1;transform-origin:50%;border-radius:0 1.1rem;width:55%;height:70%;position:absolute;bottom:-.45rem;left:-.6rem;transform:scaleX(-1)}@media (max-width:480px){.projects-section{padding:2.25rem 1rem}.projects-section .container{max-width:100%;margin:0 auto;padding:0 1rem}.flipped-header.header{margin-bottom:2rem;padding:.35rem .9rem;font-size:1.4rem;position:relative}}.contact-section{padding:4rem 1.5rem}.contact-container{flex-flow:column wrap;align-items:center;gap:1.25rem;max-width:80rem;margin:2rem auto 0;display:flex}.contact-header{margin-bottom:0}.contact-form{flex-direction:column;gap:1rem;margin:2rem auto 0;display:flex}.contact-form div{flex-flow:column wrap;align-items:center;gap:1rem;display:flex}.contact-form div input,.contact-form div textarea{min-width:30rem}.contact-form input,.contact-form textarea{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--text-secondary);resize:vertical;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-tertiary)}.contact-form textarea{font-family:Verdana,Geneva,Tahoma,sans-serif;line-height:1.6}.button.contact-btn{border-radius:.9rem;margin-top:.5rem}.contact-form textarea{resize:none;overflow:hidden}.warning{color:var(--bg-tertiary)}@media (max-width:480px){.contact-form div input,.contact-form div textarea{min-width:20rem}.contact-header{font-size:1.6rem}.contact-form input,.contact-form textarea,.button.contact-btn{font-size:.9rem}}.visually-hidden,.sr-only{width:1px;height:1px;overflow:"hidden";position:absolute;top:auto;left:-9999px}
.navbar{background:var(--bg-secondary);-webkit-backdrop-filter:blur(.9rem);backdrop-filter:blur(.9rem);z-index:50;justify-content:flex-end;align-items:center;height:3.5rem;padding:0 3rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar-links{align-items:center;gap:2rem;list-style:none;display:flex}.navbar-links li{margin:0;padding:0}.navbar-links a{color:var(--text-tertiary);padding-bottom:.2rem;font-size:.9rem;font-weight:600;position:relative}.navbar-links a:after{content:"";background:var(--text-tertiary);width:0%;height:.12rem;transition:width .2s;position:absolute;bottom:-.35rem;left:0}.navbar-links a:hover{color:#fff}.navbar-links a:hover:after{width:100%}a.nav-contact-btn{background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border-radius:.9rem;justify-content:center;align-items:center;padding:.6rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}a.nav-contact-btn:hover{background:var(--text-primary);color:var(--bg-tertiary)}a.nav-contact-btn:after{content:none!important;display:none!important}@media (max-width:480px){.navbar{height:3.5rem;padding:0 1.4rem}.navbar-links{gap:1rem}.navbar-links a{letter-spacing:.12em;font-size:.8rem}}
#back-to-top{background:var(--bg-tertiary);width:2.5rem;height:2.5rem;color:var(--text-primary);cursor:pointer;z-index:100;border:none;border-radius:.6rem;justify-content:center;align-items:center;padding-top:.5rem;font-size:1.5rem;transition:background .2s;display:flex;position:fixed;bottom:5rem;right:2rem}#back-to-top:hover{background:var(--text-primary);color:var(--bg-tertiary)}footer{background:var(--bg-secondary);justify-content:space-between;align-items:center;height:3.5rem;display:flex;position:relative}.footer-icons{gap:2rem;margin-top:.25rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.footer-icons a img{width:3rem;height:3rem;transition:filter .2s}.footer-icons a:hover img{filter:invert()}.footer-text-left,.footer-text-right{color:var(--text-tertiary);font-size:.8rem}.footer-text-right{margin-left:auto;margin-right:1rem}.footer-text-left{margin-left:1rem;margin-right:auto}@media (max-width:480px){#back-to-top{display:none}footer{flex-direction:column;height:auto;padding:.5rem 0}.footer-icons{order:-1;justify-content:center;gap:1rem;width:2rem;height:2rem;margin-top:0;margin-bottom:1rem;position:static;transform:none}.footer-text-left,.footer-text-right{text-align:center;margin:.25rem 0}}