:root{--bg-base:#0a0b0e;--bg-card:#14161dc7;--bg-card-hover:#1a1d26eb;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-subtle:#ffffff14;--purple:#a855f7;--amber:#f59e0b;--emerald:#10b981;--cyan:#06b6d4;--rose:#f43f5e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.ambient-bg{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(110px);opacity:.22;border-radius:50%;animation:18s ease-in-out infinite alternate floatBlob;position:absolute}.blob-purple{background:var(--purple);width:480px;height:480px;top:-120px;left:10%}.blob-amber{background:var(--amber);width:420px;height:420px;animation-delay:-6s;bottom:-100px;right:12%}.blob-emerald{background:var(--emerald);opacity:.14;width:360px;height:360px;animation-delay:-12s;top:40%;left:45%}@keyframes floatBlob{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-30px)scale(1.08)}}.noise-overlay{z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:26px 26px;position:fixed;inset:0;mask-image:radial-gradient(circle at 50% 35%,#000 35%,#0000 85%)}.nav-dock-wrapper{z-index:100;justify-content:center;margin-bottom:2.5rem;padding:0 1rem;display:flex;position:sticky;top:1.25rem}.nav-dock{backdrop-filter:blur(16px);background:#101218d1;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:1.5rem;padding:.5rem .75rem .5rem 1.1rem;display:flex;box-shadow:0 12px 35px -10px #0009}.brand{cursor:pointer;user-select:none;align-items:center;gap:.6rem;display:flex}.brand-logo{background:linear-gradient(135deg, var(--purple), var(--amber));color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:.9rem;font-weight:700;display:grid}.brand-text{letter-spacing:-.02em;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600}.nav-tabs{gap:.35rem;display:flex}.nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.nav-btn .material-symbols-rounded{font-size:1.15rem}.nav-btn:hover{color:var(--text-primary);background:#ffffff0d}.nav-btn.active{color:#fff;background:#ffffff1f;box-shadow:inset 0 1px #fff3}.viewport{max-width:1080px;margin:0 auto;padding:0 1.25rem 4rem}.view{display:none}.view.active{display:block}.bento-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.span-2{grid-column:span 2}.card{background:var(--bg-card);backdrop-filter:blur(14px);border:1px solid var(--border-subtle);opacity:0;border-radius:22px;padding:1.75rem;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s,background .28s,box-shadow .28s;position:relative;overflow:hidden;transform:translateY(18px)scale(.98)}@keyframes cardEnter{to{opacity:1;transform:translateY(0)scale(1)}}.card-glow{filter:blur(55px);opacity:.14;pointer-events:none;border-radius:50%;width:160px;height:160px;transition:opacity .3s,transform .3s;position:absolute;top:-60px;right:-60px}.card:hover{background:var(--bg-card-hover);transform:translateY(-4px)}.card:hover .card-glow{opacity:.32;transform:scale(1.25)}.theme-purple .card-glow{background:var(--purple)}.theme-purple:hover{border-color:#a855f773;box-shadow:0 14px 35px -15px #a855f740}.theme-amber .card-glow{background:var(--amber)}.theme-amber:hover{border-color:#f59e0b73;box-shadow:0 14px 35px -15px #f59e0b40}.theme-emerald .card-glow{background:var(--emerald)}.theme-emerald:hover{border-color:#10b98173;box-shadow:0 14px 35px -15px #10b98140}.theme-cyan .card-glow{background:var(--cyan)}.theme-cyan:hover{border-color:#06b6d473;box-shadow:0 14px 35px -15px #06b6d440}.theme-rose .card-glow{background:var(--rose)}.theme-rose:hover{border-color:#f43f5e73;box-shadow:0 14px 35px -15px #f43f5e40}.icon-purple{color:var(--purple)}.icon-amber{color:var(--amber)}.icon-emerald{color:var(--emerald)}.icon-cyan{color:var(--cyan)}.icon-rose{color:var(--rose)}.pill-row{flex-wrap:wrap;gap:.55rem;margin-bottom:1.1rem;display:flex}.pill{border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex}.pill-emerald{color:#34d399;background:#10b98124;border:1px solid #10b9814d}.pill-purple{color:#c084fc;background:#a855f724;border:1px solid #a855f74d}.pill-amber{color:#fbbf24;background:#f59e0b24;border:1px solid #f59e0b4d}.pill-cyan{color:#22d3ee;background:#06b6d424;border:1px solid #06b6d44d}.pill-rose{color:#fb7185;background:#f43f5e24;border:1px solid #f43f5e4d}.status-dot{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #34d399}h1{letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.9rem,3.5vw,2.5rem);font-weight:700}h2{margin-bottom:.6rem;font-size:1.8rem}.lead-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.02rem}.lead-text strong{color:var(--text-primary)}.mini-tabs-container{border:1px solid var(--border-subtle);background:#0a0b0ea6;border-radius:16px;padding:1rem 1.15rem}.mini-tabs-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.75rem;padding-bottom:.65rem;display:flex}.mini-label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.mini-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.mini-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:8px;align-items:center;gap:.35rem;padding:.32rem .7rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.mini-btn .material-symbols-rounded{font-size:1rem}.mini-btn.active{color:#e9d5ff;background:#a855f72e;border-color:#a855f766}.mini-content{color:var(--text-secondary);font-size:.92rem;animation:.25s fadeIn;display:none}.mini-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.card-title{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.card-title h3{font-size:1.15rem;font-weight:600}.card-sub{color:var(--text-secondary);margin-top:-.6rem;margin-bottom:1.1rem;font-size:.86rem}.card-text{color:var(--text-secondary);font-size:.94rem}.stat-list{flex-direction:column;gap:.85rem;display:flex}.stat-item{background:#ffffff08;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:.85rem;padding:.6rem .75rem;display:flex}.stat-icon{font-size:1.4rem}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;display:block}.stat-val{font-size:.92rem;font-weight:600}.hobby-pills{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.hobby-box{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.hobby-box strong{font-size:.94rem;display:block}.hobby-box span{color:var(--text-secondary);font-size:.82rem}.badge-cloud{flex-wrap:wrap;gap:.5rem;display:flex}.tech-badge{border-radius:10px;padding:.38rem .78rem;font-size:.82rem;font-weight:500}.b-purple{color:#d8b4fe;background:#a855f71f;border:1px solid #a855f740}.b-amber{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b40}.b-cyan{color:#67e8f9;background:#06b6d41f;border:1px solid #06b6d440}.service-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.service-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:.8rem;padding:.8rem 1rem;display:flex}.service-item strong{font-size:.92rem;display:block}.service-item span{color:var(--text-secondary);font-size:.8rem}.gear-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.gear-list li{color:var(--text-secondary);align-items:center;gap:.7rem;font-size:.9rem;display:flex}.project-card{flex-direction:column;justify-content:space-between;display:flex}.proj-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-card h3{margin-bottom:.55rem;font-size:1.18rem}.proj-footer{flex-wrap:wrap;gap:.45rem;margin-top:1.25rem;display:flex}.proj-footer span{color:var(--text-secondary);background:#ffffff0d;border-radius:6px;padding:.25rem .55rem;font-family:JetBrains Mono,monospace;font-size:.75rem}.contact-Grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;display:grid}.contact-box{color:var(--text-primary);border:1px solid var(--border-subtle);background:#ffffff08;border-radius:16px;align-items:center;gap:1rem;padding:1.1rem 1.25rem;text-decoration:none;transition:all .25s;display:flex}.contact-box strong{font-size:.98rem;display:block}.contact-box span{color:var(--text-secondary);font-size:.84rem}.contact-box .arrow{opacity:.5;margin-left:auto;transition:transform .2s}.contact-box:hover .arrow{opacity:1;transform:translate(3px,-3px)}.c-emerald:hover{border-color:var(--emerald);background:#10b98114}.c-purple:hover{border-color:var(--purple);background:#a855f714}.terminal-mini{border:1px solid var(--border-subtle);background:#07080a;border-radius:14px;padding:1.1rem;font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.75}.t-green{color:var(--emerald)}.t-blue{color:var(--cyan)}.t-muted{color:var(--text-secondary)}@media (width<=900px){.bento-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.hobby-pills,.service-grid,.contact-Grid{grid-template-columns:1fr}.brand-text{display:none}.nav-btn span:not(.material-symbols-rounded){font-size:.82rem}}@media (width<=540px){.nav-btn span:not(.material-symbols-rounded){display:none}.nav-btn{padding:.55rem .85rem}}