@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500;600;700&display=swap";:root{--bg-main:#050508;--bg-card:#0f1118b3;--bg-console:#08080c;--primary-color:#fff;--accent-color:#00f2fe;--accent-blue:#0ea5e9;--accent-gradient:linear-gradient(135deg, #00f2fe 0%, #0ea5e9 100%);--accent-light:#00f2fe14;--accent-hover:#00d2de;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--font-main:"Outfit", sans-serif;--font-code:"Fira Code", monospace;--border-subtle:#ffffff0d;--border-active:#00f2fe40;--shadow-subtle:0 10px 40px #00000080;--shadow-hover:0 0 25px #00f2fe26;--transition-smooth:all .25s cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth;background-color:var(--bg-main)}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-main);content-visibility:auto;background-image:radial-gradient(#00f2fe05 1.2px,#0000 1.2px);background-size:32px 32px;min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}.header-container{z-index:1000;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#050508cc;justify-content:space-between;align-items:center;width:100%;padding:14px 24px;transition:border-color .3s;display:flex;position:sticky;top:0;left:0}.logo-link{align-items:center;gap:8px;text-decoration:none;display:flex}.logo-sig-img{object-fit:contain;opacity:.9;width:auto;height:32px;transition:var(--transition-smooth), filter .3s ease}.logo-sig-img:hover{opacity:1;filter:drop-shadow(0 0 8px var(--accent-color))}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{color:var(--text-secondary);transition:var(--transition-smooth);font-size:.88rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:hover{color:var(--text-primary)}.nav-links a:after{content:"";background:var(--accent-gradient);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}main{width:100%;max-width:1140px;margin:0 auto;padding:30px 24px 80px}section{padding:60px 0 20px;scroll-margin-top:80px}.section-title{letter-spacing:-.5px;color:var(--primary-color);align-items:center;gap:10px;margin-bottom:30px;font-size:1.6rem;font-weight:800;transition:color .3s;display:flex}.bento-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.bento-card{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-subtle);transition:var(--transition-smooth), border-color .3s ease, box-shadow .3s ease;will-change:transform, box-shadow, border-color;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.stats-container{grid-template-columns:repeat(3,1fr);gap:12px;height:100%;display:grid}.stat-item{border:1px solid var(--border-subtle);transition:var(--transition-smooth), border-color .3s ease, background-color .3s ease;will-change:background-color, border-color;background:#ffffff03;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.stat-item:hover{border-color:var(--border-active);background:var(--accent-light)}.stat-num{color:var(--accent-color);font-size:1.8rem;font-weight:800;font-family:var(--font-code);letter-spacing:-.5px;transition:color .3s}.stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-top:4px;font-size:.7rem}.btn-cyber{background:var(--accent-gradient);color:#050507;font-family:var(--font-code);cursor:pointer;transition:var(--transition-smooth), background .3s ease;will-change:transform, box-shadow;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 18px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-cyber:hover{transform:translateY(-1px);box-shadow:0 0 15px #00f2fe59}.btn-cyber-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);font-family:var(--font-code);cursor:pointer;transition:var(--transition-smooth), border-color .3s ease;will-change:transform, border-color;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:9px 17px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-cyber-secondary:hover{border-color:var(--text-secondary);background:#ffffff05;transform:translateY(-1px)}.tech-badge{color:var(--text-secondary);font-size:.7rem;font-weight:500;font-family:var(--font-code);border:1px solid var(--border-subtle);transition:var(--transition-smooth), border-color .3s ease, color .3s ease;background:#ffffff05;border-radius:4px;padding:3px 8px}.tech-badge:hover{background:var(--accent-light);color:var(--accent-color);border-color:var(--border-active)}.code-console{background:var(--bg-console);border:1px solid var(--border-subtle);font-family:var(--font-code);color:#38bdf8;border-radius:10px;height:100%;padding:16px;font-size:.78rem;line-height:1.5;box-shadow:inset 0 2px 10px #000c}.console-header{gap:6px;margin-bottom:10px;display:flex}.console-dot{border-radius:50%;width:8px;height:8px}.typewriter-cursor{border-right:2px solid var(--accent-color);transition:border-color .3s;animation:.8s step-end infinite blink}@keyframes blink{50%{border-color:#0000}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.floating{will-change:transform;animation:4.5s ease-in-out infinite float}.status-pulse{background-color:var(--accent-blue);border-radius:50%;width:8px;height:8px;transition:background-color .3s;animation:1.8s infinite pulse-status;box-shadow:0 0 #0ea5e9b3}@keyframes pulse-status{0%{transform:scale(.95);box-shadow:0 0 #0ea5e9b3}70%{transform:scale(1);box-shadow:0 0 0 6px #0ea5e900}to{transform:scale(.95);box-shadow:0 0 #0ea5e900}}.git-log-container{border-left:2px solid var(--border-subtle);flex-direction:column;gap:24px;margin-top:10px;margin-left:10px;padding-left:28px;display:flex;position:relative}.git-commit-node{position:relative}.git-commit-dot{background:var(--bg-main);border:3px solid var(--accent-color);z-index:2;width:18px;height:18px;transition:var(--transition-smooth), border-color .3s ease;border-radius:50%;position:absolute;top:6px;left:-38px;box-shadow:0 0 10px #00f2fe4d}.git-commit-node:hover .git-commit-dot{background:var(--accent-color);box-shadow:0 0 18px #00f2fe99}.git-commit-hash{font-family:var(--font-code);color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff03;border-radius:4px;padding:1px 6px;font-size:.72rem}.skills-layout{grid-template-columns:1fr;gap:16px;display:grid}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;display:grid}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-subtle);transition:var(--transition-smooth);will-change:transform, border-color, box-shadow;border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.glass-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.contact-layout{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;display:grid}.hamburger-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;padding:6px;display:none}@media (width<=991px){.bento-grid{grid-template-columns:repeat(2,1fr)}.col-span-2{grid-column:span 2}}@media (width<=768px){.bento-grid{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:span 1}.nav-links{display:none}.hamburger-btn{display:flex}}
