:root{--accent:#1ef3eb;--accent-rgb:30, 243, 235;--cyan-300:#67e8f9;--bg-color:#0a0a0a;--bg-rgb:10, 10, 10;--fg-color:#fafafa;--fg-color-70:#fafafab3;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--border-soft:#ffffff1a;--surface-soft:#ffffff0d}.page-wrapper{flex-direction:column;flex:auto;justify-content:center;align-items:center;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.main{background-color:var(--bg-color);width:100%;min-height:100vh;color:var(--fg-color)}.navbar{z-index:99999;background-color:rgba(var(--bg-rgb), .95);-webkit-backdrop-filter:blur(24px);position:fixed;top:0;left:0;right:0;box-shadow:0 10px 25px #0000004d}.nav-container{max-width:80rem;margin:0 auto;padding:0 1rem;position:relative}@media (min-width:640px){.nav-container{padding:0 1.5rem}}@media (min-width:1024px){.nav-container{padding:0 2rem}}.nav-topbar{justify-content:space-between;align-items:center;height:4rem;display:flex}.nav-logo{white-space:nowrap;letter-spacing:.05em;color:var(--accent);flex-shrink:0;font-size:1rem;font-weight:700;text-decoration:none}@media (min-width:640px){.nav-logo{letter-spacing:.1em;font-size:1.125rem}}.nav-links-desktop{align-items:center;gap:2rem;display:none}@media (min-width:768px){.nav-links-desktop{display:flex}}.nav-link{color:var(--fg-color-70);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:var(--fg-color)}.nav-link-underline{background-color:var(--accent);transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-.25rem;left:0;transform:scaleX(0)}.nav-link:hover .nav-link-underline{transform:scaleX(1)}.nav-buttons{align-items:center;gap:.75rem;display:flex}.btn{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.nav-link,.mobile-menu-link,.filter-btn,.nav-toggle{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.whatsapp-float{z-index:1100;color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:9999px;align-items:center;gap:.5rem;padding:.8rem 1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 12px 30px #128c7e59}.whatsapp-float:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 16px 35px #128c7e73}@media (min-width:640px){.whatsapp-float{padding:.9rem 1.2rem;bottom:1.5rem;right:1.5rem}}.btn-fill{background-color:var(--accent);color:#000}.btn-fill:hover{background-color:var(--cyan-300)}.btn-outline{border-color:var(--accent);color:var(--accent);background-color:#0000}.btn-outline:hover{background-color:var(--cyan-300);color:#000}.btn-fill-hero:hover{background-color:#fff}.btn-outline-hero:hover{color:#000;background-color:#fff}.btn-large{padding:.75rem 1.5rem}.btn-pill-fill{background-color:var(--accent);color:#000;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-flex}.btn-pill-fill:hover{background-color:var(--cyan-300)}.nav-toggle{z-index:100000;color:var(--fg-color);cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:.75rem;transition:color .2s;display:block;position:relative}.nav-toggle:hover{color:var(--accent)}.nav-toggle svg{width:2rem;height:2rem}@media (min-width:768px){.nav-toggle{display:none}}.mobile-menu{background-color:var(--bg-color);border-bottom:1px solid var(--border-soft);z-index:9999;position:absolute;top:4rem;left:0;right:0;overflow:hidden;box-shadow:0 10px 25px #0000004d}@media (min-width:768px){.mobile-menu{display:none}}.mobile-menu-list{flex-direction:column;gap:.5rem;margin:0;padding:1rem;list-style:none;display:flex}.mobile-menu-link{color:var(--fg-color-70);padding:.5rem 1rem;text-decoration:none;transition:color .2s;display:block}.mobile-menu-link:hover{color:var(--fg-color)}.mobile-menu-buttons{flex-direction:column;gap:.75rem;padding:0 1rem 1rem;display:flex}.mobile-menu-buttons .btn{width:100%}.hero-section{z-index:0;background-image:url(/gbherobg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:100vh;padding-top:4rem;display:flex;position:relative;overflow:hidden}.hero-overlay{-webkit-backdrop-filter:blur(4px);pointer-events:none;background-color:#000000d9;position:absolute;inset:0}.hero-grid{z-index:10;grid-template-columns:1fr;align-items:center;gap:1.25rem;width:100%;max-width:80rem;margin:0 auto;padding:0 1rem;display:grid;position:relative}@media (min-width:640px){.hero-grid{padding:0 1.5rem}}@media (min-width:768px){.hero-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.hero-grid{padding:0 2rem}}.hero-text{text-align:left;order:2}@media (min-width:768px){.hero-text{order:1}}.hero-badge-wrapper{margin-bottom:2rem}@media (min-width:768px){.hero-badge-wrapper{margin-top:7.5rem}}.badge{border:1px solid var(--accent);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:600;display:inline-flex}.badge-dot{background-color:var(--accent);border-radius:50%;width:.5rem;height:.5rem}.hero-title{color:var(--fg-color);margin-bottom:1.5rem;font-size:1.875rem;font-weight:700;line-height:1.2}@media (min-width:640px){.hero-title{font-size:3rem}}@media (min-width:1024px){.hero-title{font-size:3.75rem}}.text-accent{color:var(--accent)}.hero-description{color:var(--gray-400);max-width:36rem;margin-bottom:1.75rem;font-size:1.125rem;line-height:1.6}.hero-cta-row{flex-direction:row;align-items:center;gap:.75rem;display:flex}@media (max-width:639px){.hero-cta-row .btn{width:100%}}.social-row{align-items:center;gap:.75rem;margin-top:1rem;margin-bottom:2.5rem;display:flex}.hero-image-wrapper{order:1;justify-content:center;margin-top:2.5rem;display:flex}@media (min-width:768px){.hero-image-wrapper{order:2;justify-content:flex-end}}.hero-image-frame{padding:.25rem;position:relative;box-shadow:0 25px 50px -12px #00000080}.hero-image-clip{background-color:#f3f4f6;border-radius:2rem;width:22.5rem;height:30rem;overflow:hidden}@media (min-width:640px){.hero-image-clip{width:23.75rem}}.hero-image-clip img{object-fit:cover;object-position:top;width:100%;height:100%}.section-header{text-align:center;margin-top:3rem;margin-bottom:2.5rem}.section-eyebrow{text-transform:uppercase;letter-spacing:.3em;color:var(--accent);font-size:.875rem;font-weight:600}.section-heading{color:var(--fg-color);margin-top:1rem;font-size:2.25rem;font-weight:700}@media (min-width:640px){.section-heading{font-size:3rem}}.section-subtext{color:var(--gray-400);max-width:42rem;margin-top:.75rem;margin-left:auto;margin-right:auto;line-height:1.6}.about-section{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:5rem 0;display:flex}.about-text{color:var(--gray-400);text-align:justify;margin-bottom:3rem;padding-left:5rem;padding-right:5rem;font-size:1.125rem;line-height:1.6}@media (max-width:640px){.about-text{padding-left:1.5rem;padding-right:1.5rem}}.projects-section{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:5rem 0;display:flex}.projects-container{width:100%;max-width:80rem;margin:0 auto;padding:0 1rem}@media (min-width:640px){.projects-container{padding:0 1.5rem}}@media (min-width:1024px){.projects-container{padding:0 2rem}}.filter-row{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.filter-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background-color:#0000;border-radius:9999px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:background-color .2s,color .2s}.filter-btn:hover{background-color:rgba(var(--accent-rgb), .2)}.filter-btn-active{background-color:var(--accent);color:#000}.filter-btn-active:hover{background-color:var(--accent)}.projects-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{border:1px solid var(--border-soft);background-color:var(--surface-soft);-webkit-backdrop-filter:blur(24px);border-radius:1.5rem;padding:1.25rem;transition:transform .2s,border-color .2s;box-shadow:0 20px 25px -5px #0000001a}.project-card:hover{border-color:var(--accent);transform:translateY(-.25rem)}.project-image-wrapper{background-color:#111;border-radius:1.5rem;height:12rem;position:relative;overflow:hidden}.project-image-wrapper img{object-fit:contain;padding:1.5rem}.project-card-top{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.project-type{text-transform:uppercase;letter-spacing:.35em;color:var(--accent);font-size:.75rem}.project-title{color:var(--fg-color);margin-top:.75rem;font-size:1.25rem;font-weight:600}.icon-link{border:1px solid var(--accent);width:2.75rem;height:2.75rem;color:var(--accent);border-radius:9999px;justify-content:center;align-items:center;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.icon-link:hover{background-color:var(--accent);color:#000}.project-description{color:var(--gray-300);margin-top:1rem;font-size:.875rem;line-height:1.6}.project-card-footer{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.project-github-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.25em;font-size:.75rem}.tech-bubble-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tech-bubble{color:var(--accent);background-color:rgba(var(--accent-rgb), .12);border:1px solid rgba(var(--accent-rgb), .3);white-space:nowrap;border-radius:9999px;align-items:center;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.tech-bubble-outline{border:1px solid rgba(var(--accent-rgb), .4);background-color:#0000;padding:.6rem 1.1rem;font-size:.875rem}.experience-section{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:5rem 0;display:flex}.experience-container{width:100%;max-width:56rem;margin:0 auto;padding:0 1rem}@media (min-width:640px){.experience-container{padding:0 1.5rem}}.timeline{border-left:2px solid var(--border-soft);flex-direction:column;gap:3rem;padding-left:1.75rem;display:flex;position:relative}.timeline-item{position:relative}.timeline-dot{background-color:var(--gray-500);border:3px solid var(--bg-color);border-radius:50%;width:.85rem;height:.85rem;position:absolute;top:.35rem;left:-2.35rem}.timeline-dot-current{background-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb), .2)}.timeline-role{color:var(--fg-color);font-size:1.375rem;font-weight:700}.timeline-company{color:var(--accent);margin-top:.25rem;font-size:1rem;font-weight:600}.timeline-meta{letter-spacing:.05em;color:var(--gray-500);margin-top:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.timeline-bullets{color:var(--gray-300);flex-direction:column;gap:.6rem;margin-top:1rem;padding-left:1.1rem;line-height:1.6;display:flex}.timeline-bullets li{list-style:outside}.timeline-bullets li::marker{color:var(--accent)}.skills-section{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:5rem 0;display:flex}.skills-container{width:100%;max-width:64rem;margin:0 auto;padding:0 1rem}@media (min-width:640px){.skills-container{padding:0 1.5rem}}.skills-groups{flex-direction:column;gap:2.5rem;display:flex}.skills-group-title{color:var(--fg-color);margin-bottom:1rem;font-size:1.375rem;font-weight:700}.contact-section{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:5rem 0;display:flex}.contact-container{width:100%;max-width:40rem;margin:0 auto;padding:0 1rem}@media (min-width:640px){.contact-container{padding:0 1.5rem}}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--fg-color);font-size:.875rem;font-weight:600}.form-input,.form-textarea{border:1px solid var(--border-soft);background-color:var(--surface-soft);width:100%;color:var(--fg-color);border-radius:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-500)}.form-input:focus,.form-textarea:focus{border-color:var(--accent);outline:none}.form-textarea{resize:vertical;min-height:8rem}.form-submit{width:100%;margin-top:.5rem}.site-footer{border-top:1px solid var(--border-soft);text-align:center;width:100%;max-width:40rem;margin:5rem auto 0;padding:2.5rem 1rem 0}.footer-name{letter-spacing:.05em;color:var(--accent);font-size:1.5rem;font-weight:700}.footer-role{color:var(--gray-400);margin-top:.35rem;font-size:.9rem}.footer-social-row{justify-content:center;align-items:center;gap:.9rem;margin-top:1.5rem;display:flex}.footer-icon-link{background-color:var(--surface-soft);border:1px solid var(--border-soft);width:2.5rem;height:2.5rem;color:var(--gray-300);border-radius:.5rem;justify-content:center;align-items:center;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.footer-icon-link:hover{background-color:var(--accent);border-color:var(--accent);color:#000}