@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";:root{--color-primary:#2a7a8c;--color-primary-light:#e8f4f7;--color-accent:#c45a1a;--color-accent-soft:#e8733a;--color-secondary:#4a6cf7;--color-bg-footer:#1e293b;--color-bg-subtle:#f8fafc;--color-text-dark:#1e293b;--color-text-body:#374151;--color-text-muted:#6b7280;--color-text-light:#f1f5f9;--color-divider:#e2e8f0;--font-mono:"Fira Code", "Courier New", monospace;--font-sans:"Inter", system-ui, sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--transition-base:.3s ease;--radius-card:3%;--radius-circle:50%;--shadow-card:0 4px 20px #00000014, 0 1px 3px #0000000f;--shadow-card-hover:0 8px 30px #0000001f, 0 2px 6px #00000014;--shadow-overlay:0 4px 20px #0000004d;--shadow-portrait:0 4px 15px #0000001a;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);margin:0}.navbar{padding:var(--space-md) var(--space-lg);align-items:center;display:flex}.navbar-list{justify-content:center;gap:var(--space-md);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.nav-link{font-family:var(--font-mono);color:var(--color-text-body);cursor:pointer;letter-spacing:-.01em;font-size:1rem;font-weight:400;text-decoration:none}.nav-link-text{display:inline-block;position:relative}.nav-link-text:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:var(--transition-base);position:absolute;bottom:-2px;left:0}.nav-link:hover .nav-link-text:after{width:100%}@media (width>=640px){.navbar-list{gap:var(--space-xl)}}.hero-section{padding:var(--space-xl) var(--space-lg);margin-top:var(--space-xl);justify-content:center;align-items:center;display:flex}.hero-heading{font-family:var(--font-sans);color:var(--color-text-dark);text-align:center;letter-spacing:-.02em;font-size:clamp(1.8rem,5vw,4.5rem);font-weight:300;line-height:1.2}.hero-heading span{display:inline-block}.hero-subtitle{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:0;margin-top:var(--space-sm);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:400}.about-section{max-width:1100px;margin:var(--space-xl) auto 0;padding:0 var(--space-lg);position:relative}.about-section:before{content:"";inset:calc(-1 * var(--space-lg));z-index:-1;-webkit-backdrop-filter:blur(2px);background:linear-gradient(135deg,#e8f4f78c 0%,#f8fafc66 50%,#e8f4f759 100%);border-radius:16px;position:absolute}.about-bio{max-width:800px;margin:0 auto}.about-bio p{color:var(--color-text-body);text-align:left;font-size:1.1rem;line-height:1.8;font-family:var(--font-sans);margin-top:var(--space-md);font-weight:400}.about-section a{color:var(--color-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:2px}.about-section a:hover{color:var(--color-accent)}hr{background:linear-gradient(to right, transparent, var(--color-divider), var(--color-primary), var(--color-divider), transparent);height:1px;margin:var(--space-xl) 0;border:0}.skills-section{gap:var(--space-lg);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-divider);flex-wrap:wrap;display:flex}.skills-group{flex:200px;min-width:200px}.skills-category{font-family:var(--font-mono);color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-sm);font-size:.85rem;font-weight:500}.skills-grid{gap:var(--space-sm);flex-wrap:wrap;display:flex}.skill-chip{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-divider);font-family:var(--font-sans);color:var(--color-text-body);transition:var(--transition-base);background:#ffffffb3;border-radius:6px;font-size:.875rem;font-weight:400;display:inline-flex}.skill-chip:hover{background:var(--color-primary-light);border-color:var(--color-primary);transform:translateY(-1px)}footer{background-color:var(--color-bg-footer)}.footer-text{text-align:center;font-family:var(--font-mono);color:var(--color-text-light);padding:var(--space-sm) 0;margin:0;font-size:.85rem}.projects-section{max-width:1400px;padding:0 var(--space-lg);margin:0 auto}.projects-heading{font-family:var(--font-sans);color:var(--color-text-dark);text-align:center;letter-spacing:-.01em;font-size:2rem;font-weight:300}.projects-grid{align-items:start;gap:var(--space-lg);margin:var(--space-xl) 0;grid-template-columns:1fr;display:grid}@media (width>=768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.project-card{border-radius:var(--radius-card);width:100%;transition:var(--transition-base);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.project-card:hover{transform:translateY(-4px)}.project-image{border-radius:var(--radius-card);width:100%;height:auto;display:block}.overlay{background-color:var(--color-primary);width:100%;height:100%;transition:var(--transition-base);border-radius:var(--radius-card);opacity:1;box-shadow:var(--shadow-overlay);position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:scale(0)}.project-card:hover .overlay,.project-card:focus-within .overlay{transform:scale(1)}.text1{text-align:center;font-family:var(--font-sans);color:#fff;width:85%;font-size:clamp(.9rem,2.5vw,1.2rem);font-weight:600;line-height:1.3;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.text2{font-size:clamp(.7rem,2vw,.85rem);font-weight:400;font-family:var(--font-mono);text-align:center;color:var(--color-primary-light);padding:0 var(--space-lg);width:100%;line-height:1.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text3 a{text-align:center;font-size:clamp(.8rem,2vw,1rem);font-weight:600;font-family:var(--font-sans);color:var(--color-accent-soft);transition:var(--transition-base);background:0 0;border-bottom:2px solid #0000;text-decoration:none;position:absolute;top:85%;left:50%;transform:translate(-50%,-50%)}.text3 a:hover{border-bottom-color:var(--color-accent-soft)}#Contact{background-color:var(--color-primary)}.contact-card{width:min(75%,700px);padding:var(--space-xl) var(--space-lg);background-color:#0000;margin:0 auto}@media (width<=640px){.contact-card{width:100%}}.contact-heading{font-family:var(--font-sans);color:#fff;letter-spacing:-.02em;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:300}.contact-text{font-family:var(--font-sans);color:var(--color-text-light);font-size:1.1rem;font-weight:400;line-height:1.6}.contact-social{justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-md);display:flex}.contact-social a svg{color:var(--color-accent-soft);transition:var(--transition-base)}.contact-social a:hover svg{color:#fff}.contact-form{margin:var(--space-xl) 0}.contact-form input,.contact-form textarea{width:100%;max-width:400px;font-family:var(--font-sans);color:#fff;padding:var(--space-sm) var(--space-md);transition:var(--transition-base);background:#ffffff1a;border:1px solid #ffffff40;border-radius:4px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff80}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--color-accent-soft);background:#ffffff26;outline:none}.contact-form-actions{justify-content:center;display:flex}.contact-form-btn{font-family:var(--font-sans);padding:var(--space-sm) var(--space-lg);cursor:pointer;color:#fff;transition:var(--transition-base);background:0 0;border:1px solid #fff6;border-radius:4px;font-weight:500}.contact-form-btn:hover{color:var(--color-primary);background-color:#fff;border-color:#fff}