@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:SF Mono;src:local("SF Mono Regular"),url(/assets/SFMonoRegular-BF7MaSNQ.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Allura;src:url(/assets/Allura-Regular-H9YnrUGo.otf) format("opentype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--max-width: 1200px;--padding: 20px;--footer-height: 100px;--header-height: 80px;--font-primary: "SF Mono", monospace;--font-secondary: "Allura", cursive;--background-color: #030712;--text-color: #fff;--accent-color: teal}html{scroll-behavior:smooth;font-size:16px}body{background-color:#030712;font-family:var(--font-primary);color:var(--text-color);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--padding);min-height:calc(100vh - var(--footer-height) - var(--header-height));display:flex;flex-direction:column;justify-content:space-between}body,html{-webkit-overflow-scrolling:touch}@media (max-width: 1024px){html{font-size:15px}.container{padding:15px}}@media (max-width: 768px){html{font-size:14px}.container{padding:10px}}@media (max-width: 480px){html{font-size:13px}.container{padding:5px}}:root{--terminal-bg: #060c12;--teal-accent: #008080;--teal-highlight: #009688;--prompt-arrow: #008080;--terminal-text: #94a3b8;--code-string: #e2e8f0;--window-tabs: #64748b}.banner-container{display:flex;flex-direction:column;align-items:flex-start;opacity:0;animation:fadeIn 2s ease-in forwards;margin:130px auto 0;padding:30px;max-width:1000px;width:90%;background-color:#030712;border-radius:8px;border:1px solid rgba(0,128,128,.25);box-shadow:0 20px 40px #0006,0 0 20px #0080800d;position:relative;z-index:1}.banner-container:before{content:"Code • Introduction";display:block;font-family:var(--font-code);font-size:12px;color:var(--window-tabs);margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05);width:100%;text-align:left}.banner-intro-text{font-family:var(--font-primary);font-size:16px;line-height:1.8;display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:var(--terminal-text);text-align:left;width:100%}.banner-intro-text p{font-family:var(--font-primary)}.banner-intro-text p:first-child{font-family:var(--font-code);font-size:15px}.banner-intro-text p:first-child:before{content:"❯ ";font-family:var(--font-code);color:var(--prompt-arrow);font-weight:700}.banner-intro-name{color:var(--teal-accent);font-size:52px;font-weight:700;font-family:var(--font-code);margin:5px 0;display:inline-block;text-shadow:0 0 12px rgba(0,128,128,.3);letter-spacing:-.5px}.banner-intro-subtext{font-size:16px;color:var(--code-string);max-width:100%;word-break:break-word;font-family:var(--font-primary)}.banner-intro-subtext:before{content:"";font-family:var(--font-code);color:var(--prompt-arrow);font-weight:700}.highlight{color:var(--teal-highlight);font-weight:600}@media (max-width: 850px){.banner-container{margin-top:120px;padding:20px}.banner-intro-name{font-size:38px}.banner-intro-text{font-size:15px}}@media (max-width: 480px){.banner-intro-name{font-size:30px}}.skills-container{padding:40px 0 100px;color:#fff;max-width:1000px;margin:0 auto;opacity:0;animation:fadeIn 2s ease-in forwards}.skills-content{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:20px 0}.skill-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;border-radius:14px;background:linear-gradient(135deg,#0080800d,#00808003);border:1px solid rgba(0,128,128,.25);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;height:130px}.skill-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,128,128,.2),transparent);transition:left .5s ease;z-index:0}.skill-item:hover:before{left:100%}.skill-item:hover{transform:translateY(-8px);border-color:#00808080;background:linear-gradient(135deg,#00808026,#0080800a);box-shadow:0 12px 32px #00808040}.skill-icon-wrapper{position:relative;z-index:1;margin-bottom:12px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#00808014;transition:all .3s ease}.skill-item:hover .skill-icon-wrapper{background:#00808033;transform:rotate(8deg) scale(1.08)}.skill-icon{width:40px;height:40px;object-fit:contain;filter:grayscale(40%) brightness(.85) opacity(.9);transition:all .4s cubic-bezier(.4,0,.2,1)}.skill-item:hover .skill-icon{filter:grayscale(0%) brightness(1.1) opacity(1);transform:scale(1.1)}.skill-title{font-size:13px;font-weight:700;color:#fff;position:relative;z-index:1;text-align:center;letter-spacing:.3px;text-transform:uppercase;transition:color .3s ease;line-height:1.4}.skill-item:hover .skill-title{color:teal}@media (max-width: 900px){.skills-content{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width: 600px){.skills-content{grid-template-columns:repeat(2,1fr);gap:12px}.skill-item{height:120px;padding:16px 10px}.skill-title{font-size:11px}.skills-container{padding:40px 20px 100px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.about-container{display:flex;flex-direction:column;align-items:flex-start;padding:100px 20px;max-width:1000px;margin:0 auto}.about-heading{display:flex;align-items:center;gap:20px;color:#fff;font-size:42px;font-weight:600;font-family:var(--font-primary);width:100%;margin-bottom:40px}.about-heading:after{content:"";flex-grow:1;height:1px;background-color:#ffffff26;display:inline-block;margin-top:10px}.about-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;width:100%}.about-main-content{font-family:var(--font-primary);font-size:16px;line-height:1.8;color:#e2e8f0}.about-main-content p{margin-bottom:24px}.highlighted-text{color:var(--teal-accent, #008080)!important;font-weight:600;transition:color .2s ease;border-bottom:none!important}.about-sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-section{display:flex;flex-direction:column;gap:15px}.sidebar-section-title{font-family:var(--font-code);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#64748b}.sidebar-quote-container{display:flex;align-items:flex-start;gap:12px}.terminal-arrow{color:var(--teal-accent, #008080);font-family:monospace;font-weight:700;font-size:16px;-webkit-user-select:none;user-select:none}.favorite-quote{font-family:var(--font-primary);font-size:15px;line-height:1.7;color:#94a3b8;font-style:italic}@media (max-width: 850px){.about-layout{grid-template-columns:1fr;gap:40px}.about-heading{font-family:var(--font-primary);font-size:32px}}.tech-intro{margin-top:10px;margin-bottom:16px}.tech-list{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:10px 20px;list-style:none;padding:0;margin:0}.tech-list li{position:relative;padding-left:18px;color:#cbd5e1;font-family:var(--font-code);font-size:14px}.tech-list li:before{content:"▹";position:absolute;left:0;color:var(--teal-accent, #008080)}.resume-download-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;font-family:var(--font-code);font-size:13px;font-weight:600;text-decoration:none;color:teal;border:1px solid rgba(0,128,128,.35);border-radius:8px;transition:all .25s ease}.resume-download-btn:hover{color:#fff;border-color:#fff;box-shadow:0 0 18px #00808059}.experience-container{padding:100px 20px;margin-bottom:100px;text-align:center;min-height:100vh;box-sizing:border-box}.experience-heading{position:relative;display:inline-block;letter-spacing:1px;transition:color .3s ease;color:#fdac34;font-size:2.5rem;margin-bottom:20px}.experience-heading:after{content:"";position:absolute;width:0;height:2px;background-color:#fdac34;bottom:-5px;left:0;transition:width .4s ease-out}.experience-heading:hover:after{width:100%}.experience-content{display:flex;gap:30px;align-items:flex-start;justify-content:center;margin-top:80px;flex-wrap:wrap}.highlighted-text{color:#fdac34;padding-bottom:3px;border-bottom:1px solid #fdac34}.tabs{display:flex;flex-direction:column;gap:10px}.tabs strong{color:#fdac34}.tab-button{padding:12px 18px;font-size:1rem;color:#fff;background-color:transparent;border:2px solid transparent;border-left:4px solid transparent;text-align:left;transition:all .3s ease;width:220px;font-weight:500}.tab-button:hover{border-left:4px solid #fdac34;color:#fdac34;background-color:#fdac341a}.tab-button.active{border-left:4px solid #fdac34;color:#fdac34;font-weight:700;background-color:#fdac3426}.tab-content{max-width:600px;line-height:1.8;text-align:left}.experience-details h3{font-size:1.8rem;margin-bottom:10px}.experience-details h3 span{font-size:1rem;display:block;margin-top:5px}.experience-details h4{font-size:1.2rem;color:#fdac34;margin-bottom:15px}.experience-details p,.experience-details li{font-size:1rem;margin-bottom:15px}.fade-in{animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.experience-heading{font-size:2rem}.experience-container{min-height:400px}.experience-content{flex-direction:column;align-items:center;margin-top:60px}.tabs{flex-direction:row;justify-content:center;flex-wrap:wrap}.tab-button{width:auto;padding:10px 15px;font-size:.9rem}.tab-content{max-width:90%}}@media (max-width: 600px){.experience-heading{font-size:1.8rem}.tab-button{font-size:.85rem;padding:8px 12px}.experience-details h3{font-size:1.5rem}.experience-details p,.experience-details li{font-size:.9rem}}@media (max-width: 400px){.experience-heading{font-size:1.5rem}.tab-button{font-size:.8rem;padding:6px 10px}.experience-details h3{font-size:1.3rem}.experience-details p,.experience-details li{font-size:.85rem}}.projects-container{padding:100px 20px;max-width:1000px;margin:0 auto}.projects-heading{display:flex;align-items:center;gap:20px;color:#fff;font-size:42px;font-weight:600;width:100%;font-family:var(--font-primary);margin-bottom:20px}.projects-heading:after{content:"";flex-grow:1;height:1px;background-color:#ffffff26;display:inline-block;margin-top:10px}.projects-intro{text-align:left;font-family:Poppins,sans-serif;color:#94a3b8;font-size:15px;margin-bottom:60px;max-width:800px;line-height:1.7}.projects-section{margin-bottom:80px}.projects-subheading{font-family:Poppins,sans-serif;font-size:22px;color:#fff;margin-bottom:8px;text-align:left;font-weight:600}.section-description{font-family:Poppins,sans-serif;color:#64748b;font-size:13px;margin-bottom:30px;text-align:left}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px}.project-card{background:#060c12;background:linear-gradient(135deg,#0080800d,#060a17fa);border:1px solid rgba(0,128,128,.25);border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:space-between;min-height:280px;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#008080,transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.project-card:hover{border-color:#00808080;background:linear-gradient(135deg,#00808026,#00808005);transform:translateY(-6px);box-shadow:0 12px 32px #00808040}.project-card:hover:before{transform:scaleX(1)}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.project-card-header h3{font-family:Poppins,sans-serif;font-size:19px;color:teal;margin:0;flex:1;line-height:1.3;transition:color .3s ease}.project-card:hover .project-card-header h3{color:#fff}.project-link-icon{color:teal;font-size:18px;opacity:0;transition:all .3s ease;flex-shrink:0}.project-card:hover .project-link-icon{opacity:1;transform:translate(2px,-2px)}.project-description{font-family:Poppins,sans-serif;color:#b0b0b0;font-size:14px;line-height:1.6;margin-bottom:16px;flex-grow:1}.project-card-footer{display:flex;align-items:center;justify-content:space-between}.view-details{font-family:Poppins,sans-serif;color:teal;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;opacity:0;transition:all .3s ease}.project-card:hover .view-details{opacity:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#060a17d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#060a17;border:1px solid rgba(0,128,128,.3);border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #0009,0 0 30px #0080800d;cursor:default}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:32px 32px 20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.modal-header h2{font-family:Poppins,sans-serif;color:#fff;font-size:26px;margin:0;flex:1;line-height:1.3}.modal-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.modal-link-btn{font-family:Poppins,sans-serif;background:teal;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap;transition:all .3s ease}.modal-link-btn:hover{background:#fff;color:#060a17;transform:translate(2px,-2px);box-shadow:0 8px 16px #0080804d}.modal-close{background:none;border:none;color:#94a3b8;font-size:32px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;flex-shrink:0}.modal-close:hover{background:#ffffff0d;color:#fff;transform:rotate(90deg)}.modal-body{padding:32px}.modal-section{margin-bottom:28px}.modal-section:last-child{margin-bottom:0}.modal-section h4{font-family:Poppins,sans-serif;color:#64748b;font-size:14px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.modal-section p{font-family:Poppins,sans-serif;color:#e2e8f0;font-size:14px;line-height:1.8;margin:0}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{font-family:Poppins,sans-serif;background:#00808014;color:teal;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid rgba(0,128,128,.2);transition:all .3s ease}.tech-tag:hover{background:#00808033;border-color:#00808066}.highlight-section{background:linear-gradient(135deg,#0080801a,#00808005);border-left:3px solid #008080;margin-left:-32px;margin-right:-32px;padding:16px 32px}.highlight-text{font-family:Poppins,sans-serif;font-size:14px;color:#e2e8f0;font-weight:500;line-height:1.8}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#00808005}.modal-content::-webkit-scrollbar-thumb{background:#00808033;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#00808066}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.projects-container{padding:60px 16px}.projects-heading{font-family:var(--font-primary);font-size:32px}.projects-subheading{font-size:20px}.projects-grid{grid-template-columns:1fr;gap:16px}.project-card{min-height:240px;padding:16px}.modal-overlay{padding:16px}.modal-content{max-height:95vh}.modal-header{flex-direction:column;gap:12px;padding:20px}.modal-actions{width:100%;justify-content:space-between}.modal-body{padding:20px}.highlight-section{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}@media (max-width: 480px){.projects-container{padding:40px 12px}.projects-heading{font-size:26px}.projects-intro{font-size:14px}.project-card{padding:14px;min-height:220px}}.contact-container{display:flex;flex-direction:column;align-items:flex-start;padding:100px 20px;max-width:1000px;margin:0 auto 100px}.contact-heading{display:flex;align-items:center;gap:20px;color:#fff;font-size:42px;font-weight:600;font-family:var(--font-primary);width:100%;margin-bottom:40px;letter-spacing:.3px}.contact-heading:after{content:"";flex-grow:1;height:1px;background-color:#ffffff26;display:inline-block;margin-top:10px}.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;width:100%}.contact-main-content{font-family:var(--font-primary);font-size:16px;line-height:1.8;color:#e2e8f0}.contact-main-content p{margin-bottom:24px}.contact-main-content .highlighted-text{color:var(--teal-accent, #06b6d4)!important;font-weight:600}.contact-sidebar{display:flex;flex-direction:column;gap:30px}.contact-sidebar .sidebar-section{display:flex;flex-direction:column;gap:15px}.contact-sidebar .sidebar-section.button-section{margin-top:5px}.contact-sidebar .sidebar-section-title{font-family:var(--font-code);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#64748b}.contact-meta-item{display:flex;align-items:flex-start;gap:12px}.contact-meta-item .terminal-arrow{color:var(--teal-accent, #06b6d4);font-family:monospace;font-weight:700;font-size:16px;-webkit-user-select:none;user-select:none;margin-top:1px}.meta-text{font-family:var(--font-primary);font-size:15px;line-height:1.7;color:#94a3b8;margin:0}.status-green{color:#2ed573;font-weight:600}.contact-slide-button{position:relative;font-family:var(--font-code);padding:14px 28px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#06b6d4;background:none;border:1px solid rgba(6,182,212,.3);border-radius:8px;cursor:pointer;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none}.contact-slide-button:before{content:"";position:absolute;top:0;left:-110%;width:110%;height:100%;background:#045555;transition:transform .4s cubic-bezier(.4,0,.2,1);transform:skew(-20deg);z-index:0}.contact-slide-button:hover:before{transform:skew(-20deg) translate(115%)}.contact-slide-button:hover{color:#060a17;border-color:#2ed573;transform:translate(2px,-2px);box-shadow:0 8px 16px #2ed57333}.contact-slide-content{position:relative;z-index:1}@media (max-width: 850px){.contact-layout{grid-template-columns:1fr;gap:40px}.contact-heading{font-family:var(--font-primary);font-size:32px}}.status-teal{color:#2ed573}.contact-button-wrapper{display:inline-block}.contact-slide-button{font-family:var(--font-code, monospace);padding:14px 28px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:teal;background:transparent;border:1px solid #008080;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.contact-slide-button:hover{color:#fff;border-color:#fff;background:transparent;box-shadow:0 0 20px #00808066}.contact-socials{display:flex;align-items:center;gap:20px;margin-top:24px}.contact-social-icon{display:flex;align-items:center;justify-content:center;color:#64748b;font-size:24px;text-decoration:none;transition:all .2s ease}.contact-social-icon:hover{color:teal;transform:translateY(-3px);text-decoration:none}.header{position:fixed;top:0;left:0;width:100%;background:#030712bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,128,128,.15);z-index:1000}.header-container{width:90%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:70px}.logo-container{color:teal;font-size:1.25rem;font-weight:700;letter-spacing:4px}.navigation-container ul{list-style:none;display:flex;align-items:center;gap:2rem;margin:0;padding:0}.navigation-container button{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:.95rem;font-weight:500;position:relative;padding:.5rem 0;transition:color .25s ease}.navigation-container button:hover{color:#fff}.navigation-container button:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:teal;transform:translate(-50%);transition:width .25s ease}.navigation-container button:hover:after{width:100%}.menu-toggle{display:none;background:transparent;border:none;color:#fff;cursor:pointer;font-size:1.5rem}@media (max-width: 768px){.menu-toggle{display:block}.navigation-container{position:fixed;top:70px;right:-100%;width:260px;height:calc(100vh - 70px);background:#030712fa;transition:right .3s ease}.navigation-container.open{right:0}.navigation-container ul{flex-direction:column;gap:1.5rem;padding-top:3rem}.navigation-container button{font-size:1rem}}.footer-container{padding:20px 15px;text-align:center;border-top:1px solid #333;background-color:#1a1a1a25;position:relative;width:100%;z-index:10}.social-icons{display:flex;justify-content:center;margin-bottom:10px}.icon{color:#fff;margin:0 12px;font-size:2rem;transition:color .3s ease,transform .3s ease}.icon:hover{color:#fdac34;transform:scale(1.2)}.footer-text{color:#64748b;font-size:1rem;margin:5px 0}.footer-dev-name{position:relative;display:inline-block;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease;color:teal}.footer-dev-name:after{content:"";position:absolute;width:0;height:2px;background-color:#fdac34;bottom:-3px;left:0;transition:width .4s ease-out}.footer-dev-name:hover{color:#fdac34}.footer-dev-name:hover:after{width:100%}@media (max-width: 768px){.footer-container{padding:10px 10px 100px}.icon{font-size:1.8rem;margin:0 10px}.footer-text{font-size:.95rem}}@media (max-width: 480px){.icon{font-size:1.5rem;margin:0 8px}.footer-text{font-size:.85rem}.footer-container{padding:15px 10px}}