*,:before,:after{box-sizing:border-box;margin:0;padding:0}ul{list-style:none}img{max-width:100%}button{font-family:inherit}:root{--font-display:"Rubik";--font-body:"Rubik";--font-mono:"Rubik";--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--space-7:6rem;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--max-width:960px;--transition:.18s ease;--bg:#15171b;--bg-elevated:#1d2025;--bg-input:#23262c;--text:#eceae5;--text-muted:#9c9c97;--border:#2e3138;--accent:#7fa6d6;--accent-strong:#9cbbe0;--accent-soft:#7fa6d624;--shadow:0 1px 2px #0006}[data-theme=light]{--bg:#fafaf8;--bg-elevated:#fff;--bg-input:#f2f1ed;--text:#1b1c1e;--text-muted:#6b6b67;--border:#e1dfda;--accent:#3d5a80;--accent-strong:#2f4763;--accent-soft:#3d5a8017;--shadow:0 1px 2px #0000000f}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6}a{color:inherit}.section-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-4);font-size:.8rem}.container{max-width:var(--max-width);padding-left:var(--space-4);padding-right:var(--space-4);margin:0 auto}section{padding-top:var(--space-6);padding-bottom:var(--space-6);justify-content:center;align-items:center;display:flex}.text-link{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent-soft);text-decoration-color:var(--accent-soft);text-underline-offset:3px;transition:color var(--transition), text-decoration-color var(--transition)}.text-link:hover{color:var(--accent-strong);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.text-accent{color:var(--accent);font-weight:500}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);transition:transform var(--transition), border-color var(--transition), background-color var(--transition), color var(--transition);border:1px solid #0000;align-items:center;padding:.7rem 1.3rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-strong);transform:translateY(-2px)}.btn-secondary{border-color:var(--border);color:var(--text)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.tech-icons{gap:var(--space-5);flex-wrap:wrap;display:flex}.tech-icons li{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.tech-icons i{color:var(--text-muted);transition:color var(--transition), transform var(--transition);font-size:2.6rem}.tech-icons li:hover i{color:var(--accent);transform:translateY(-3px)}.tech-icons span{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.site-footer{text-align:center;padding:var(--space-5) var(--space-4);color:var(--text-muted);border-top:1px solid var(--border);font-size:.85rem}.about-content{gap:var(--space-3);max-width:42rem;color:var(--text);flex-direction:column;display:flex}.site-header{z-index:50;background-color:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-container{max-width:var(--max-width);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-display);color:var(--text);font-size:1.05rem;font-weight:600;text-decoration:none}.nav-right{align-items:center;gap:var(--space-3);display:flex}.nav-menu{align-items:center;gap:var(--space-5);display:flex}.nav-links{gap:var(--space-4);display:flex}.nav-links a{color:var(--text-muted);transition:color var(--transition);font-size:.95rem;text-decoration:none}.nav-links a:hover{color:var(--text)}a.not-available{cursor:not-allowed}a.not-available:hover{color:var(--text-muted)}.nav-socials{align-items:center;gap:var(--space-3);display:flex}.nav-socials a{color:var(--text-muted);transition:color var(--transition);display:flex}.nav-socials a:hover{color:var(--accent)}.icon{fill:currentColor;width:18px;height:18px}.icon-x{width:16px;height:16px}.theme-toggle{cursor:pointer;border:1px solid var(--border);width:34px;height:34px;color:var(--text);transition:border-color var(--transition), color var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle svg{width:16px;height:16px}.icon-moon,[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.nav-toggle{background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;width:34px;height:34px;padding:0;display:none}.nav-toggle span{background-color:var(--text);width:20px;height:2px;transition:transform var(--transition), opacity var(--transition);margin:0 auto;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(6px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media (width<=719px){.nav-toggle{display:flex}.nav-menu{align-items:flex-start;gap:var(--space-4);background-color:var(--bg-elevated);border-bottom:1px solid var(--border);padding:var(--space-4);opacity:0;max-height:0;transition:max-height var(--transition), opacity var(--transition);flex-direction:column;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-menu.is-open{opacity:1;max-height:260px}.nav-links{gap:var(--space-3);flex-direction:column}}