@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-color:#050814;--bg-card:#0d142a73;--bg-card-hover:#141e3eb3;--border-color:#ffffff14;--border-glow:#00f0ff4d;--primary:#00f0ff;--primary-rgb:0, 240, 255;--secondary:#8e2de2;--secondary-light:#4a00e0;--accent:#10b981;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dark:#64748b;--font-sans:"Outfit", sans-serif;--font-mono:"Fira Code", monospace;--transition:all .35s cubic-bezier(.25, .8, .25, 1);--glass-shadow:0 8px 32px 0 #0000005e;--neon-shadow:0 0 20px #00f0ff33}[data-theme=secret]{--bg-color:#000800;--bg-card:#00140599;--bg-card-hover:#00230acc;--border-color:#00ff881f;--border-glow:#0f86;--primary:#0f8;--primary-rgb:0, 255, 136;--secondary:#0c6;--secondary-light:#00994d;--accent:#0fc;--text-main:#ccffe0;--text-muted:#6c9;--text-dark:#396;--neon-shadow:0 0 20px #00ff884d}[data-theme=secret] body{background-color:var(--bg-color);background-image:radial-gradient(circle at 10% 20%, #00ff8814 0%, transparent 40%), radial-gradient(circle at 90% 80%, #00cc660f 0%, transparent 40%), radial-gradient(circle at 50% 50%, #00140580 0%, var(--bg-color) 80%)}[data-theme=secret] ::-webkit-scrollbar-thumb{background:linear-gradient(#0f8,#0c6)}[data-theme=secret] .hero-title,[data-theme=secret] .section-title{text-shadow:0 0 30px #0f86}[data-theme=secret] .btn-primary{background:linear-gradient(135deg,#0f8,#0c6)!important;box-shadow:0 0 25px #0f86!important}[data-theme=secret] .nav-link.active,[data-theme=secret] .nav-link:hover{color:#0f8!important}[data-theme=secret] .btn,[data-theme=secret] .btn-primary{color:#0f8!important;background:#00ff881a!important;border-color:#0f89!important;box-shadow:0 0 8px #00ff8826!important}[data-theme=secret] .btn:hover,[data-theme=secret] .btn-primary:hover{background:#0f83!important;border-color:#0f8!important;box-shadow:0 0 15px #00ff884d!important}[data-theme=secret] .hero-glow-circle{background:radial-gradient(circle,#00502833 0%,#00ff880d 50%,#0000 70%)!important}[data-theme=secret] .hero-avatar-container{box-shadow:0 10px 40px #0f83, var(--glass-shadow)!important}[data-theme=secret] .about-domain-item{background:#00ff880d!important;border-color:#0f83!important}[data-theme=secret] .code-editor-about{border-color:#0f83!important}[data-theme=secret] .skill-card{background:#00ff8812!important;border-color:#00ff8826!important}[data-theme=secret] .skill-progress-fill{background:linear-gradient(90deg,#0f8,#0fc)!important}[data-theme=secret] .project-thumbnail{background:linear-gradient(135deg,#00140ae6 0%,#003c1eb3 100%)!important;border-bottom-color:#00ff8826!important}[data-theme=secret] .project-icon-placeholder{color:#0f8!important;filter:drop-shadow(0 0 12px #00ff88b3)!important}[data-theme=secret] .project-badge-top{color:#0f8!important;background:#000a05e6!important;border-color:#0f86!important}[data-theme=secret] .project-footer{background:#000a0566!important;border-top-color:#00ff8814!important}[data-theme=secret] .project-tech-tag{color:#0f8!important;background:#00ff881a!important;border-color:#00ff884d!important}[data-theme=secret] .filter-btn.active,[data-theme=secret] .filter-btn:hover{color:#0f8!important;background:#00ff8826!important;border-color:#0f8!important}[data-theme=secret] .contact-card-item,[data-theme=secret] .contact-form-panel{background:#00ff8812!important;border-color:#00ff8826!important}[data-theme=secret] .form-input:focus,[data-theme=secret] .form-textarea:focus{border-color:#0f86!important;box-shadow:0 0 10px #0f83!important}[data-theme=secret] .contact-card-icon{color:#0f8!important;background:#00ff881a!important;border-color:#0f83!important}[data-theme=secret] .gradient-text,[data-theme=secret] .text-gradient,[data-theme=secret] .hero-name{background:linear-gradient(135deg,#0f8,#0fc)!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=secret] .section-line,[data-theme=secret] .divider{background:linear-gradient(90deg,#0f8,#0fc)!important}[data-theme=secret] .timeline-dot,[data-theme=secret] .exp-dot{background:#0f8!important;box-shadow:0 0 10px #0f89!important}[data-theme=secret] .footer{background:#000800e6!important;border-top-color:#00ff8826!important}[data-theme=secret] .footer-logo{color:#0f8!important;text-shadow:0 0 12px #0f89!important}[data-theme=secret] .footer-quote{color:#00ff8880!important}[data-theme=secret] .footer-text{color:#00ff8859!important}[data-theme=secret] .timeline-line,[data-theme=secret] .exp-line{background:linear-gradient(#0f8,#0000)!important}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-color);overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%, #4a00e026 0%, transparent 40%), radial-gradient(circle at 90% 80%, #00f0ff1a 0%, transparent 40%), radial-gradient(circle at 50% 50%, #0d142a80 0%, var(--bg-color) 80%);background-attachment:fixed;line-height:1.6;transition:background-color .8s,color .8s;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary);box-shadow:0 0 10px var(--primary)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:8rem 0 4rem;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-title{background:linear-gradient(135deg, #fff 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.section-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);transition:var(--transition);border-radius:16px}.glass-panel:hover{box-shadow:0 8px 32px 0 #00f0ff0d, var(--glass-shadow);border-color:#00f0ff40;transform:translateY(-5px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 10px #00f0ff33}50%{box-shadow:0 0 25px #00f0ff66}to{box-shadow:0 0 10px #00f0ff33}}@keyframes shine{0%{background-position:-200%}to{background-position:200%}}.animate-float{animation:6s ease-in-out infinite float}.animate-glow{animation:3s infinite pulse-glow}.btn{cursor:pointer;transition:var(--transition);border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border:none;box-shadow:0 4px 15px #00f0ff40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f0ff73}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:0 0}.btn-secondary:hover{border-color:var(--primary);background:#ffffff0d;transform:translateY(-2px)}.badge{color:var(--text-muted);transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:50px;align-items:center;padding:.25rem .75rem;font-size:.85rem;font-weight:500;display:inline-flex}.badge:hover{color:var(--primary);background:#00f0ff1a;border-color:#00f0ff4d}.badge-primary{color:var(--primary);background:#00f0ff1a;border-color:#00f0ff33}.gradient-text{background:linear-gradient(90deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.code-editor{box-shadow:var(--glass-shadow);background:#090d1a;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden}.code-header{background:#0d1225;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.code-dots{gap:.4rem;display:flex}.code-dot{border-radius:50%;width:12px;height:12px}.code-title{color:var(--text-muted);font-family:var(--font-mono);font-size:.85rem}.code-body{font-family:var(--font-mono);color:var(--text-muted);padding:1.5rem;font-size:.9rem;line-height:1.5;overflow-x:auto}@media (width<=768px){.section{padding:6rem 0 3rem}.section-title{font-size:2rem}.container{padding:0 1.25rem}}@media (width<=480px){.section{padding:5rem 0 2.5rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:.95rem}.container{padding:0 1rem}.btn{padding:.65rem 1.25rem;font-size:.9rem}}:focus-visible{border-radius:4px;outline:2px solid var(--accent)!important;outline-offset:4px!important}body.flashlight-mode{background:#000!important}body.flashlight-mode:before{content:"";pointer-events:none;z-index:9999;background:radial-gradient(circle 250px at var(--mouse-x,50%) var(--mouse-y,50%), transparent 0%, #000000fa 100%);position:fixed;inset:0}body.flashlight-mode .app>:not(:hover){opacity:.1;filter:blur(2px);transition:all .3s}body.flashlight-mode .app>:hover{opacity:1;filter:blur();transition:all .3s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #10b98133}.wireframe-mode *{transition:all .4s;color:#0000!important;box-shadow:none!important;background:#1a1a1a!important;border:1px dashed #555!important;border-radius:2px!important}.wireframe-mode img,.wireframe-mode svg{filter:grayscale()contrast(0)!important;opacity:.15!important}.navbar{z-index:1000;width:100%;transition:var(--transition);padding:1.25rem 0;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--border-color);background:#050814bf;padding:.75rem 0;box-shadow:0 4px 20px #0000004d}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-mono);color:var(--primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.nav-logo span{color:var(--text-main)}.nav-menu{align-items:center;gap:2.25rem;display:flex}.nav-link{color:var(--text-muted);padding:.25rem 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link:after{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));width:0;height:2px;transition:var(--transition);position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-toggle{color:var(--text-main);cursor:pointer;z-index:1001;background:0 0;border:none;font-size:1.5rem;display:none}.nav-cta{align-items:center;display:flex}@media (width<=768px){.nav-toggle{display:block}.nav-menu{-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border-color);background:#050814f2;flex-direction:column;justify-content:center;gap:2.5rem;width:280px;height:100vh;transition:all .5s cubic-bezier(.77,.2,.05,1);position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #00000080}.nav-menu.open{right:0}.nav-link{font-size:1.2rem}.nav-cta{display:none}}@media (width<=380px){.nav-logo{font-size:1.2rem}.nav-logo span{display:none}}.secret-indicator{color:#0f8;margin-left:-2px;font-size:.6rem;animation:1.5s ease-in-out infinite secret-pulse}@keyframes secret-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.navbar.secret-mode.scrolled{background:#000800d9!important;border-bottom-color:#00ff884d!important;box-shadow:0 4px 30px #00ff8826!important}.secret-logo{color:#0f8!important;text-shadow:0 0 10px #0f8c,0 0 20px #0f86!important}.theme-transition-overlay{z-index:999999;pointer-events:none;clip-path:circle(0px at var(--x,50%) var(--y,50%));animation:.9s cubic-bezier(.64,0,.09,1) forwards premium-circle-reveal;position:fixed;inset:0}.theme-transition-overlay.to-secret{background:#000800}.theme-transition-overlay.to-normal{background:#050814}@keyframes premium-circle-reveal{0%{clip-path:circle(0px at var(--x) var(--y));opacity:1}45%{clip-path:circle(150vmax at var(--x) var(--y));opacity:1}50%{clip-path:circle(150vmax at var(--x) var(--y));opacity:1}to{clip-path:circle(150vmax at var(--x) var(--y));opacity:0}}.hero{align-items:center;min-height:auto;padding:160px 0 100px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:50%;background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.hero-container{z-index:2;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;width:100%;display:grid}.hero-content{flex-direction:column;gap:1.5rem;display:flex}.hero-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;background:#00f0ff12;border:1px solid #00f0ff26;border-radius:50px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 0 15px #00f0ff0d}.hero-title{font-size:4rem;font-weight:800;line-height:1.1}.hero-name{background:linear-gradient(135deg, #fff 20%, var(--primary) 70%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{height:45px;color:var(--text-main);align-items:center;font-size:1.75rem;font-weight:600;display:flex}.typing-cursor{background-color:var(--primary);width:3px;height:28px;margin-left:5px;animation:.8s infinite blink;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.hero-description{color:var(--text-muted);max-width:580px;font-size:1.15rem}.hero-buttons{gap:1.25rem;margin-top:1rem;display:flex}.hero-socials{align-items:center;gap:1.5rem;margin-top:1.5rem;display:flex}.hero-socials-title{font-family:var(--font-mono);color:var(--text-dark);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}.hero-social-link{color:var(--text-muted);transition:var(--transition);justify-content:center;align-items:center;display:flex}.hero-social-link:hover{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary));transform:translateY(-3px)scale(1.1)}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-glow-circle{filter:blur(20px);z-index:1;background:radial-gradient(circle,#8e2de226 0%,#00f0ff0d 50%,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute}.hero-avatar-container{background:linear-gradient(45deg, var(--secondary-light), var(--primary));width:320px;height:320px;box-shadow:0 10px 40px #00f0ff33, var(--glass-shadow);z-index:2;border:2px solid #ffffff1a;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;justify-content:center;align-items:center;animation:8s ease-in-out infinite morph;display:flex;position:relative;overflow:hidden}@keyframes morph{0%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:70% 30% 50% 50%/50% 70% 30% 50%}to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.hero-avatar-placeholder{color:#fff;text-align:center;font-family:var(--font-mono);flex-direction:column;align-items:center;display:flex}.hero-avatar-placeholder svg{animation:4s ease-in-out infinite float}.hero-tech-orbit{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute}.orbit-icon{background:var(--bg-card);border:1px solid var(--border-color);width:50px;height:50px;color:var(--primary);box-shadow:var(--glass-shadow);border-radius:50%;justify-content:center;align-items:center;animation:5s ease-in-out infinite float;display:flex;position:absolute}.icon-1{animation-delay:0s;top:10%;left:10%}.icon-2{color:var(--secondary);animation-delay:1.5s;top:80%;left:15%}.icon-3{color:var(--accent);animation-delay:3s;top:45%;right:5%}@media (width<=992px){.hero{min-height:auto;padding:120px 0 60px}.hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content{align-items:center}.hero-tag{align-self:center}.hero-title{font-size:3rem}.hero-subtitle,.hero-buttons,.hero-socials{justify-content:center}.hero-visual{order:-1;margin-bottom:1rem}.hero-avatar-container{width:250px;height:250px}}@media (width<=480px){.hero{padding:100px 0 50px}.hero-title{font-size:2.2rem}.hero-subtitle{height:auto;min-height:40px;font-size:1.35rem}.hero-description{font-size:.98rem}.hero-buttons{flex-direction:column;align-items:center;gap:.85rem}.hero-buttons .btn{justify-content:center;width:100%;max-width:280px}.hero-avatar-container{width:200px;height:200px}.hero-glow-circle{width:260px;height:260px}.hero-socials{gap:1rem}}.skeleton-container{width:100%;padding-bottom:5rem}.skeleton-section{flex-direction:column;max-width:1200px;margin:0 auto;padding:5rem 2rem;display:flex}.skeleton-title,.skeleton-line,.skeleton-image-circle,.skeleton-card,.skeleton-timeline-dot{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;position:relative;overflow:hidden}.skeleton-title:after,.skeleton-line:after,.skeleton-image-circle:after,.skeleton-card:after,.skeleton-timeline-dot:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:2s linear infinite skeleton-shimmer;position:absolute;top:0;left:-100%}[data-theme=secret] .skeleton-title:after,[data-theme=secret] .skeleton-line:after,[data-theme=secret] .skeleton-image-circle:after,[data-theme=secret] .skeleton-card:after,[data-theme=secret] .skeleton-timeline-dot:after{background:linear-gradient(90deg,#0000,#00ff881a,#0000)}@keyframes skeleton-shimmer{0%{transform:translate(0)}to{transform:translate(200%)}}.skeleton-header{flex-direction:column;align-items:center;margin-bottom:4rem;display:flex}.skeleton-title{border-radius:8px;width:200px;height:40px;margin-bottom:1.5rem}.skeleton-subtitle{background:var(--bg-card);border-radius:8px;width:60%;max-width:500px;height:20px;position:relative;overflow:hidden}.skeleton-subtitle:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:2s linear infinite skeleton-shimmer;position:absolute;top:0;left:-100%}[data-theme=secret] .skeleton-subtitle:after{background:linear-gradient(90deg,#0000,#00ff881a,#0000)}.skeleton-line{border-radius:8px;height:16px}.skeleton-about-row{grid-template-columns:1fr;gap:4rem;display:grid}@media (width>=992px){.skeleton-about-row{grid-template-columns:1fr 1fr}}.skeleton-domains-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1rem;display:grid}.skeleton-domain-item{background:var(--bg-card);border-radius:8px;height:40px;position:relative;overflow:hidden}.skeleton-domain-item:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:2s linear infinite skeleton-shimmer;position:absolute;top:0;left:-100%}[data-theme=secret] .skeleton-domain-item:after{background:linear-gradient(90deg,#0000,#00ff881a,#0000)}.skeleton-code-editor{background:var(--bg-card);border-radius:12px;width:100%;height:450px;position:relative;overflow:hidden}.skeleton-code-editor:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:2s linear infinite skeleton-shimmer;position:absolute;top:0;left:-100%}[data-theme=secret] .skeleton-code-editor:after{background:linear-gradient(90deg,#0000,#00ff881a,#0000)}.skeleton-grid-2x2{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.skeleton-grid-2x2{grid-template-columns:repeat(2,1fr)}}.skeleton-skill-card{background:var(--bg-card);border-radius:16px;height:320px;padding:2rem;position:relative;overflow:hidden}.skeleton-skill-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:2s linear infinite skeleton-shimmer;position:absolute;top:0;left:-100%}[data-theme=secret] .skeleton-skill-card:after{background:linear-gradient(90deg,#0000,#00ff881a,#0000)}.skeleton-skill-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.skeleton-icon-small{background:#ffffff1a;border-radius:4px;width:24px;height:24px}.skeleton-skill-body{flex-direction:column;gap:1.5rem;display:flex}.skeleton-skill-bar{background:#ffffff1a;border-radius:4px;width:100%;height:8px}.skeleton-timeline{flex-direction:column;gap:3rem;max-width:800px;margin:0 auto;display:flex;position:relative}.skeleton-timeline:before{content:"";background:var(--bg-card);width:4px;position:absolute;top:0;bottom:0;left:10px}.skeleton-timeline-item{gap:3rem;padding-left:2rem;display:flex;position:relative}.skeleton-timeline-dot{z-index:2;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;width:24px;height:24px;position:absolute;top:0;left:0}.skeleton-exp-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:100%;padding:2.5rem;position:relative}.skeleton-exp-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;display:flex}.skeleton-exp-roles-container{flex-direction:column;gap:2.5rem;padding-left:2rem;display:flex;position:relative}.skeleton-exp-roles-container:before{content:"";background:#ffffff1a;width:2px;position:absolute;top:0;bottom:0;left:4px}[data-theme=secret] .skeleton-exp-roles-container:before{background:#00ff8826}.skeleton-exp-role-block{flex-direction:column;gap:1.5rem;display:flex;position:relative}.skeleton-exp-role-dot{background:#fff3;border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-2rem;transform:translate(-50%)}[data-theme=secret] .skeleton-exp-role-dot{background:#0f86}.skeleton-exp-role-header{flex-direction:column;gap:.8rem;display:flex}.skeleton-exp-responsibilities{flex-direction:column;gap:1rem;display:flex}.skeleton-exp-resp-line{align-items:center;gap:1rem;display:flex}.skeleton-exp-resp-bullet{background:#ffffff1a;border-radius:50%;flex-shrink:0;width:6px;height:6px}[data-theme=secret] .skeleton-exp-resp-bullet{background:#0f83}.skeleton-timeline-dot:after,.skeleton-exp-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:2s linear infinite skeleton-shimmer;position:absolute;top:0;left:-100%}[data-theme=secret] .skeleton-timeline-dot:after,[data-theme=secret] .skeleton-exp-card:after{background:linear-gradient(90deg,#0000,#00ff881a,#0000)}.skeleton-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.skeleton-filter-btn{background:var(--bg-card);border-radius:20px;width:120px;height:40px;position:relative;overflow:hidden}.skeleton-filter-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:2s linear infinite skeleton-shimmer;position:absolute;top:0;left:-100%}[data-theme=secret] .skeleton-filter-btn:after{background:linear-gradient(90deg,#0000,#00ff881a,#0000)}.skeleton-projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;display:grid}.skeleton-project-card{background:var(--bg-card);border-radius:16px;flex-direction:column;height:450px;padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden}.skeleton-project-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:2s linear infinite skeleton-shimmer;position:absolute;top:0;left:-100%}[data-theme=secret] .skeleton-project-card:after{background:linear-gradient(90deg,#0000,#00ff881a,#0000)}.skeleton-project-icon-box{background:#ffffff1a;border-radius:16px;width:64px;height:64px;margin-bottom:1.5rem}.skeleton-project-tags{gap:.5rem;margin-top:auto;display:flex}.skeleton-tag{background:#ffffff1a;border-radius:4px;width:60px;height:24px}.skeleton-contact-row{grid-template-columns:1fr;gap:4rem;display:grid}@media (width>=992px){.skeleton-contact-row{grid-template-columns:1fr 1.5fr}}.skeleton-contact-left{flex-direction:column;gap:1.5rem;display:flex}.skeleton-contact-card{background:var(--bg-card);border-radius:12px;height:100px;position:relative;overflow:hidden}.skeleton-contact-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:2s linear infinite skeleton-shimmer;position:absolute;top:0;left:-100%}[data-theme=secret] .skeleton-contact-card:after{background:linear-gradient(90deg,#0000,#00ff881a,#0000)}.skeleton-contact-right{width:100%}.skeleton-contact-form{background:var(--bg-card);border-radius:16px;width:100%;height:600px;position:relative;overflow:hidden}.skeleton-contact-form:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:2s linear infinite skeleton-shimmer;position:absolute;top:0;left:-100%}[data-theme=secret] .skeleton-contact-form:after{background:linear-gradient(90deg,#0000,#00ff881a,#0000)}.app{flex-direction:column;min-height:100vh;display:flex}.footer{-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-color);text-align:center;background:#050814d9;margin-top:auto;padding:2.5rem 0}.footer-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.footer-logo{font-family:var(--font-mono);color:var(--primary);font-size:1.25rem;font-weight:700}.footer-text{color:var(--text-dark);font-size:.9rem}.footer-quote{color:var(--text-muted);max-width:500px;font-size:.95rem;font-style:italic}.about-container{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid}.about-text{flex-direction:column;gap:1.5rem;display:flex}.about-greeting{color:var(--text-main);font-size:1.8rem;font-weight:700}.about-para{color:var(--text-muted);font-size:1.05rem;line-height:1.7}.about-domains-title{color:var(--primary);margin-top:1rem;font-size:1.2rem;font-weight:600}.about-domains-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.about-domain-item{border:1px solid var(--border-color);transition:var(--transition);background:#ffffff05;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;display:flex}.about-domain-item:hover{background:#00f0ff0d;border-color:#00f0ff33;transform:translate(3px)}.about-domain-icon{color:var(--primary);align-items:center;display:flex}.code-editor-wrapper{perspective:1000px}.code-editor-about{transition:var(--transition);transform:rotateY(-3deg)rotateX(2deg)}.code-editor-about:hover{transform:rotateY(0)rotateX(0)}.syntax-keyword{color:#ff79c6}.syntax-string{color:#f1fa8c}.syntax-number{color:#bd93f9}.syntax-property{color:#50fa7b}.syntax-comment{color:#6272a4;font-style:italic}.syntax-punct{color:#f8f8f2}@media (width<=992px){.about-container{grid-template-columns:1fr;gap:3rem}.code-editor-about{transform:none}}@media (width<=576px){.about-domains-grid{grid-template-columns:1fr}}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:2rem;display:grid}.skill-card{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.skill-card-header{border-bottom:1px solid #ffffff0d;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.skill-card-icon{color:var(--primary);background:#00f0ff12;border:1px solid #00f0ff26;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.skill-card-title{color:var(--text-main);font-size:1.25rem;font-weight:600}.skills-list{flex-wrap:wrap;gap:.75rem;display:flex}@media (width<=768px){.skills-grid{grid-template-columns:1fr}}@media (width<=480px){.skill-card{padding:1.5rem}}.timeline{max-width:900px;margin:0 auto;padding:1rem 0;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--primary), var(--secondary), transparent);border-radius:4px;width:2px;height:100%;position:absolute;top:0;left:20px}.timeline-item{margin-bottom:4rem;padding-left:50px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--bg-color);border:4px solid var(--primary);width:20px;height:20px;box-shadow:0 0 10px var(--primary);z-index:2;transition:var(--transition);border-radius:50%;position:absolute;top:25px;left:11px}.timeline-item:hover .timeline-dot{background:var(--primary);box-shadow:0 0 18px var(--primary)}.timeline-card{padding:2rem}.timeline-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.timeline-company-title{background:linear-gradient(90deg, #fff, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.timeline-company-link{color:var(--primary);align-items:center;gap:.25rem;margin-top:.25rem;font-size:.9rem;font-weight:500;display:inline-flex}.timeline-company-link:hover{color:var(--text-main);text-decoration:underline}.timeline-location{color:var(--text-dark);font-size:.9rem;font-weight:500}.timeline-roles-container{flex-direction:column;gap:2rem;padding-left:1.5rem;display:flex;position:relative}.timeline-roles-container:before{content:"";background:#ffffff1a;width:1px;height:calc(100% - 20px);position:absolute;top:10px;left:3px}.timeline-role-block{position:relative}.timeline-role-dot{background:var(--bg-color);border:2px solid var(--secondary);z-index:1;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:-15.5px}.timeline-role-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.timeline-role-title{color:var(--text-main);font-size:1.2rem;font-weight:700}.timeline-role-date{font-family:var(--font-mono);color:#c77dff;white-space:nowrap;background:#8e2de21a;border:1px solid #8e2de233;border-radius:50px;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.timeline-responsibilities{color:var(--text-muted);flex-direction:column;gap:.6rem;font-size:.95rem;display:flex}.timeline-responsibilities li{padding-left:1.25rem;line-height:1.5;position:relative}.timeline-responsibilities li:before{content:"▹";color:var(--primary);font-weight:700;position:absolute;top:0;left:0}@media (width<=768px){.timeline-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.timeline-role-header{flex-direction:column;gap:.5rem}.timeline-role-date{align-self:flex-start}.timeline-item{padding-left:40px}.timeline:before{left:15px}.timeline-dot{top:25px;left:6px}}@media (width<=480px){.timeline-card{padding:1.25rem}.timeline-company-title{font-size:1.2rem}.timeline-role-title{font-size:1.05rem}.timeline-responsibilities{font-size:.9rem}}#projects{min-height:100vh}.projects-filter{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3.5rem;display:flex}.filter-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border-radius:50px;padding:.5rem 1.5rem;font-size:.95rem;font-weight:600}.filter-btn:hover,.filter-btn.active{border-color:var(--primary);color:var(--primary);background:#00f0ff1a;transform:translateY(-2px);box-shadow:0 0 15px #00f0ff26}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:2.5rem;display:grid}.project-card{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.project-thumbnail{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#4a00e066 0%,#00f0ff33 100%);justify-content:center;align-items:center;height:180px;display:flex;position:relative}.project-icon-placeholder{color:var(--primary);filter:drop-shadow(0 0 10px #00f0ff66);animation:5s ease-in-out infinite float}.project-badge-top{color:var(--primary);background:#050814d9;border:1px solid #00f0ff4d;border-radius:50px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;position:absolute;top:1rem;right:1rem}.project-body{flex-direction:column;flex-grow:1;gap:1rem;padding:2rem;display:flex}.project-title{color:var(--text-main);font-size:1.4rem;font-weight:700;line-height:1.2}.project-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}.project-tech-list{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.project-tech-tag{color:var(--text-muted);background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.project-footer{background:#05081433;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.project-link{color:var(--primary);transition:var(--transition);align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.project-link:hover{color:var(--text-main);transform:translate(3px)}@media (width<=768px){.projects-grid{grid-template-columns:1fr}}@media (width<=480px){.project-body{padding:1.5rem}.project-footer{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.5rem}.project-title{font-size:1.2rem}}.deep-dive-body{border:1px solid var(--accent);background:#0a1423e6;border-radius:12px;flex-direction:column;gap:.5rem;animation:.4s ease-out flipIn;display:flex;box-shadow:inset 0 0 20px #00ff880d}.deep-dive-section{font-size:.85rem;line-height:1.4}.deep-dive-section strong{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;font-size:.75rem;display:block}.deep-dive-section p{color:var(--text-muted);margin:0}@keyframes flipIn{0%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}.contact-container{grid-template-columns:.9fr 1.1fr;gap:4rem;display:grid}.contact-info{flex-direction:column;gap:2rem;display:flex}.contact-card-list{flex-direction:column;gap:1.5rem;display:flex}.contact-card-item{align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.contact-card-icon{color:var(--primary);background:#00f0ff12;border:1px solid #00f0ff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.contact-card-details h4{color:var(--text-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.85rem}.contact-card-details p,.contact-card-details a{color:var(--text-main);font-size:1.05rem;font-weight:500}.contact-card-details a:hover{color:var(--primary)}.contact-social-grid{flex-direction:column;gap:.75rem;display:flex}.contact-social-title{color:var(--text-main);font-size:1.1rem;font-weight:600}.contact-social-links{flex-wrap:wrap;gap:.75rem;display:flex}.contact-form-panel{padding:2.5rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-muted);font-size:.9rem;font-weight:600}.form-input,.form-textarea{border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-sans);transition:var(--transition);background:#05081480;border-radius:8px;padding:.85rem 1rem;font-size:1rem}.form-input:focus,.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 10px #00f0ff33}.form-textarea{resize:vertical;min-height:120px}.contact-form-status{text-align:center;border-radius:8px;padding:1rem;font-weight:500}.status-success{color:var(--accent);background:#10b9811a;border:1px solid #10b98133}.status-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.status-sending{color:var(--primary);background:#00f0ff1a;border:1px solid #00f0ff33}.suggestions-title{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.suggestions-list{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.suggestion-chip{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#ffffff08;border-radius:50px;padding:.4rem .85rem;font-size:.85rem;font-weight:500}.suggestion-chip:hover{border-color:var(--secondary);color:var(--text-main);background:#8e2de21a;transform:translateY(-1px)}@media (width<=992px){.contact-container{grid-template-columns:1fr;gap:3rem}}@media (width<=480px){.contact-form-panel{padding:1.5rem}.contact-card-details p,.contact-card-details a{word-break:break-all;font-size:.95rem}.contact-card-item{padding:1rem}}.secret-terminal{border:1px solid var(--border-color);z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ff2;border-radius:12px;flex-direction:column;width:450px;max-width:calc(100vw - 4rem);height:350px;font-family:Fira Code,Consolas,monospace;transition:all .3s;animation:.4s cubic-bezier(.16,1,.3,1) terminal-slide-up;display:flex;position:fixed;bottom:2rem;right:2rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.secret-terminal.dragging{opacity:.95;transition:none;box-shadow:0 40px 80px -15px #0009}.secret-terminal.maximized{width:calc(100vw - 4rem);height:calc(100vh - 4rem);bottom:2rem;right:2rem;transform:none!important}[data-theme=secret] .secret-terminal{background:#000a05f2;border-color:#0f86;box-shadow:0 0 30px #00ff881a}.terminal-header{border-bottom:1px solid var(--border-color);background:#ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}[data-theme=secret] .terminal-header{background:#00ff881a;border-bottom-color:#0f83}.terminal-brand{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}[data-theme=secret] .terminal-brand{color:#0f8}.terminal-controls{gap:.5rem;display:flex}.terminal-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.terminal-btn:hover{color:var(--text-primary);background:#ffffff1a}[data-theme=secret] .terminal-btn:hover{color:#0f8;background:#0f83}.terminal-body{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:0 0}.terminal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}[data-theme=secret] .terminal-body::-webkit-scrollbar-thumb{background:#00ff884d}.terminal-line{word-break:break-word;font-size:.9rem;line-height:1.5}.terminal-line.system{color:#a5b4fc}[data-theme=secret] .terminal-line.system{color:#0f8;text-shadow:none}.terminal-line.input{color:var(--text-primary);opacity:.7}.terminal-line.output{color:var(--text-secondary)}[data-theme=secret] .terminal-line.output{color:#00ff88e6}.terminal-line.error{color:#ef4444}.terminal-input-row{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.terminal-prompt{color:#10b981;white-space:nowrap;font-weight:600}[data-theme=secret] .terminal-prompt{color:#0f8;text-shadow:none}.terminal-input{color:var(--text-primary);caret-color:#10b981;background:0 0;flex:1;font-family:inherit;font-size:.9rem;box-shadow:none!important;border:none!important;outline:none!important}.terminal-input:focus,.terminal-input:active,.terminal-input:focus-visible{box-shadow:none!important;border:none!important;outline:none!important}[data-theme=secret] .terminal-input{color:#0f8;caret-color:#0f8;animation-fill-mode:forwards}@keyframes terminal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.secret-terminal{width:calc(100vw - 2rem);height:300px;bottom:1rem;right:1rem}.secret-terminal.maximized{width:calc(100vw - 2rem);height:calc(100vh - 2rem);bottom:1rem;right:1rem}}@media (width<=600px){.secret-terminal{border-bottom:none;border-radius:16px 16px 0 0;width:100vw;max-width:100vw;height:60vh;bottom:0;right:0}.secret-terminal.maximized{border-radius:0;width:100vw;height:100vh;bottom:0;right:0}}.dev-stats-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10001;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s stats-fade-in;display:flex;position:fixed;top:0;left:0}[data-theme=secret] .dev-stats-overlay{background:#000a05cc}.dev-stats-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:600px;padding:2rem;animation:.4s cubic-bezier(.16,1,.3,1) stats-slide-up;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}[data-theme=secret] .dev-stats-modal{background:#000a05f2;border-color:#0f86;box-shadow:0 0 40px #00ff8826}.dev-stats-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.dev-stats-title{align-items:center;gap:.75rem;display:flex}.dev-stats-title h3{color:var(--text-primary);margin:0;font-size:1.25rem}.stats-icon{color:var(--text-secondary)}[data-theme=secret] .dev-stats-title h3,[data-theme=secret] .stats-icon{color:#0f8;text-shadow:0 0 10px #00ff8880}.stats-close-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.stats-close-btn:hover{color:var(--text-primary);background:#ffffff1a;transform:rotate(90deg)}[data-theme=secret] .stats-close-btn{color:#0f8}[data-theme=secret] .stats-close-btn:hover{background:#0f83}.dev-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.stat-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex}.stat-card:hover{border-color:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 20px #0003}[data-theme=secret] .stat-card{background:#00ff8805;border-color:#00ff8826}[data-theme=secret] .stat-card:hover{border-color:#0f86;box-shadow:0 10px 20px #00ff881a}.stat-icon-wrapper{width:48px;height:48px;color:var(--stat-color);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;display:flex}[data-theme=secret] .stat-icon-wrapper{background:#00ff881a;color:#0f8!important}.stat-info{flex-direction:column;display:flex}.stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}[data-theme=secret] .stat-value{color:#0f8;font-family:Fira Code,monospace}.stat-label{color:var(--text-secondary);font-size:.85rem}[data-theme=secret] .stat-label{color:#00ff88b3}.dev-stats-footer{text-align:center;color:var(--text-secondary);border-top:1px dashed #ffffff1a;margin-top:2rem;padding-top:1.5rem;font-size:.85rem;font-style:italic}[data-theme=secret] .dev-stats-footer{color:#0f89;border-top-color:#0f83}@keyframes stats-fade-in{0%{opacity:0}to{opacity:1}}@keyframes stats-slide-up{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.dev-stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:1rem}}.note-overlay{-webkit-backdrop-filter:blur(10px);z-index:10001;background:#000000b3;justify-content:center;align-items:center;padding:clamp(.75rem,4vw,1.5rem);animation:.3s ease-out note-fade-in;display:flex;position:fixed;inset:0}.note-paper{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);width:100%;max-width:600px;max-height:min(85vh,720px);color:var(--text-main);border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #00000080, var(--neon-shadow,0 0 20px #00f0ff1a);font-family:var(--font-sans,"Outfit", sans-serif);border-radius:12px;flex-direction:column;animation:.4s cubic-bezier(.16,1,.3,1) note-slide-up;display:flex;position:relative;overflow:hidden}.note-scroll{-webkit-overflow-scrolling:touch;padding:clamp(2.25rem,6vw,3rem) clamp(1.5rem,6vw,3.5rem) clamp(1.75rem,5vw,3rem);overflow-y:auto}.note-scroll::-webkit-scrollbar{width:6px}.note-scroll::-webkit-scrollbar-track{background:0 0}.note-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.note-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary)}.note-close{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;width:36px;height:36px;transition:var(--transition,all .2s ease);z-index:2;background:#0003;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:clamp(.85rem,3vw,1.5rem);right:clamp(.85rem,3vw,1.5rem);box-shadow:0 2px 8px #0003}.note-close:hover,.note-close:focus-visible{color:#fff;background:var(--primary);border-color:var(--primary)}.note-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.note-content{font-size:clamp(.98rem,2.4vw,1.15rem);line-height:1.8}.note-content p{word-wrap:break-word;color:var(--text-main);margin-bottom:1.4rem}.note-greeting{color:var(--primary);padding-right:2.5rem;font-size:clamp(1.15rem,3vw,1.35rem);font-weight:600;margin-bottom:1.75rem!important}.note-content strong{color:var(--primary);font-weight:600}.note-signature{border-top:1px solid var(--border-color);margin-top:2.5rem;padding-top:1.5rem}.note-signature p{color:var(--text-muted);margin-bottom:.5rem;font-style:italic}.note-name{font-family:var(--font-sans,"Outfit", sans-serif);color:var(--text-main);word-break:break-word;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700;text-decoration:none;transition:color .2s;display:inline-block}.note-name:hover,.note-name:focus-visible{color:var(--primary);text-shadow:var(--neon-shadow)}@keyframes note-fade-in{0%{opacity:0}to{opacity:1}}@keyframes note-slide-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.note-overlay,.note-paper,.note-close{transition:none!important;animation:none!important}}@media (width<=640px){.note-paper{border-radius:10px;max-height:88vh}}@media (width<=420px){.note-overlay{padding:.6rem}.note-paper{border-radius:8px;max-height:92vh}.note-close{width:32px;height:32px}}@media (height<=560px){.note-paper{max-height:94vh}.note-scroll{padding-top:2.75rem}.note-greeting{margin-bottom:1rem!important}.note-content p{margin-bottom:1rem}}.retro-overlay{z-index:100000;width:100vw;height:100vh;color:var(--primary);background-color:#000;justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;display:flex;position:fixed;top:0;left:0}.retro-crt-effect{pointer-events:none;z-index:2;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;width:100%;height:100%;position:absolute;top:0;left:0}.retro-container{z-index:3;border:4px solid var(--primary);box-shadow:0 0 20px var(--primary), inset 0 0 10px var(--primary);background-color:#111;flex-direction:column;align-items:center;gap:20px;padding:30px;display:flex;position:relative}.retro-header{justify-content:space-between;align-items:center;width:100%;font-size:14px;display:flex}.retro-title{color:var(--text)}.retro-close{color:var(--accent);cursor:pointer;text-shadow:0 0 5px var(--accent);background:0 0;border:none;font-family:"Press Start 2P",monospace;font-size:14px}.retro-close:hover{color:var(--text)}.retro-game-board{background-color:#050505;border:2px solid #333;grid-template-rows:repeat(20,20px);grid-template-columns:repeat(20,20px);display:grid;position:relative}.retro-cell{width:20px;height:20px}.snake-head{background-color:var(--secondary);box-shadow:0 0 10px var(--secondary)}.snake-body{background-color:var(--primary);box-shadow:0 0 5px var(--primary);border:1px solid #050505}.snake-food{background-color:var(--accent);box-shadow:0 0 10px var(--accent);animation:.5s infinite alternate pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(.8)}}.retro-message-overlay{text-align:center;background-color:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.retro-game-over{color:var(--accent);text-shadow:2px 2px 0px var(--primary);font-size:24px}.retro-instruction{color:var(--text);font-size:10px;line-height:1.5;animation:1s infinite blink}.retro-paused{color:var(--text);font-size:20px;animation:1s infinite blink}.retro-controls{text-align:center;color:#888;font-size:10px;line-height:1.6}.mobile-controls{flex-direction:column;align-items:center;gap:10px;margin-top:20px;display:none}.mobile-row{gap:10px;display:flex}.mobile-btn{border:2px solid var(--primary);color:var(--primary);touch-action:none;-webkit-user-select:none;user-select:none;background-color:#333;border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;font-weight:700;display:flex}.mobile-btn:active{background-color:var(--primary);color:#000}.mobile-btn-action{width:100px;font-family:"Press Start 2P",monospace;font-size:12px}@media (width<=600px){.retro-container{padding:15px;transform:scale(.95)}.retro-game-board{grid-template-rows:repeat(20,15px);grid-template-columns:repeat(20,15px)}.retro-cell{width:15px;height:15px}.retro-controls{display:none}.mobile-controls{display:flex}}@media (width<=400px){.retro-container{transform:scale(.85)}.retro-game-board{grid-template-rows:repeat(20,12px);grid-template-columns:repeat(20,12px)}.retro-cell{width:12px;height:12px}.mobile-btn{width:45px;height:45px}}.snake-arcade-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;color:#e9e6dc;background:#0a0b0ded;justify-content:center;align-items:center;font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,Consolas,monospace;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.snake-arcade-modal{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.snake-arcade-modal .stage{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.25rem;display:flex}.snake-arcade-modal .title{letter-spacing:.35em;text-transform:uppercase;color:#5b5f68;text-align:center;font-size:.72rem}.snake-arcade-modal .title b{color:#e9e6dc;letter-spacing:.35em}.snake-arcade-modal .layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.25rem;display:flex}.snake-arcade-modal .board-wrap{background:#121317;border:1px solid #24262c;border-radius:4px;padding:10px;transition:filter 50ms linear,transform 50ms linear;position:relative}.snake-arcade-modal .board-wrap.flicker{filter:invert()hue-rotate(180deg);transform:translate(1px,-1px)}.snake-arcade-modal canvas#board{image-rendering:pixelated;background:#000;border-radius:2px;display:block}.snake-arcade-modal .hud{letter-spacing:.12em;color:#5b5f68;text-transform:uppercase;justify-content:space-between;padding:0 2px 8px;font-size:.68rem;display:flex}.snake-arcade-modal .hud span b{color:#e9e6dc;font-weight:600}.snake-arcade-modal .gauge-panel{text-align:center;background:#121317;border:1px solid #24262c;border-radius:4px;width:150px;padding:12px}.snake-arcade-modal .gauge-label{letter-spacing:.25em;color:#5b5f68;text-transform:uppercase;margin-bottom:8px;font-size:.62rem}.snake-arcade-modal .gauge-face{width:110px;height:62px;margin:0 auto 6px;position:relative;overflow:hidden}.snake-arcade-modal .gauge-face svg{position:absolute;inset:0}.snake-arcade-modal .gauge-needle{transform-origin:55px 58px;transition:transform .4s cubic-bezier(.2,1.4,.4,1)}.snake-arcade-modal .gauge-readout{color:#5b5f68;letter-spacing:.08em;min-height:2.4em;font-size:.6rem;line-height:1.4}.snake-arcade-modal .gauge-readout b{color:#5ad1e6}.snake-arcade-modal .hint{color:#5b5f68;letter-spacing:.05em;text-align:center;max-width:420px;font-size:.62rem}.snake-arcade-modal .overlay{text-align:center;background:#0a0b0ded;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:absolute;inset:0}.snake-arcade-modal .overlay h1{letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:1.1rem}.snake-arcade-modal .overlay p{color:#5b5f68;max-width:260px;margin:0;font-size:.72rem;line-height:1.6}.snake-arcade-modal .btn{color:#5ad1e6;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #5ad1e6;border-radius:3px;padding:.55em 1.4em;font-family:inherit;font-size:.7rem;transition:background .15s,color .15s}.snake-arcade-modal .btn:hover{color:#04141a;background:#5ad1e6}.snake-arcade-modal .debrief{text-align:left;border-top:1px solid #24262c;border-bottom:1px solid #24262c;width:100%;max-width:300px;max-height:34vh;margin:.2rem 0;padding:.6rem 0;font-size:.68rem;overflow-y:auto}.snake-arcade-modal .debrief-row{color:#e9e6dc;gap:.6rem;padding:3px 0;display:flex}.snake-arcade-modal .debrief-row .t{color:#5b5f68;flex-shrink:0}.snake-arcade-modal .debrief-empty{color:#5b5f68;font-style:italic}.snake-arcade-modal .score-line{color:#5b5f68;font-size:.72rem}.snake-arcade-modal .score-line b{color:#ff2fb0;font-size:1rem}@media (prefers-reduced-motion:reduce){.snake-arcade-modal .board-wrap.flicker{filter:none;transform:none}.snake-arcade-modal .gauge-needle{transition:none}}@media (width<=560px){.snake-arcade-modal .layout{flex-direction:column-reverse;align-items:center}.snake-arcade-modal .gauge-panel{width:200px}}.bug-triage-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;color:#c9d1d9;background:#0d1117f0;justify-content:center;align-items:center;font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,Consolas,monospace;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.bug-triage-modal{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.bug-triage-modal .stage{flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:1.25rem;display:flex}.bug-triage-modal .title{letter-spacing:.3em;color:#6e7681;text-transform:uppercase;text-align:center;font-size:.7rem}.bug-triage-modal .title b{color:#c9d1d9;letter-spacing:.3em}.bug-triage-modal .board-wrap{background:#161b22;border:1px solid #30363d;border-radius:5px;padding:10px;position:relative}.bug-triage-modal .board-wrap.hitflash{animation:.28s hitflash}@keyframes hitflash{0%{box-shadow:0 0 #f8514900}25%{box-shadow:inset 0 0 0 999px #f851492e}to{box-shadow:0 0 #f8514900}}.bug-triage-modal canvas#board{background:#010409;border-radius:3px;display:block}.bug-triage-modal .hud{letter-spacing:.08em;color:#6e7681;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:0 2px 8px;font-size:.64rem;display:flex}.bug-triage-modal .hud .stat b{color:#c9d1d9}.bug-triage-modal .ladder-panel{background:#161b22;border:1px solid #30363d;border-radius:5px;width:168px;padding:12px}.bug-triage-modal .ladder-label{letter-spacing:.2em;color:#6e7681;text-transform:uppercase;text-align:center;margin-bottom:10px;font-size:.6rem}.bug-triage-modal .tier-row{letter-spacing:.04em;color:#6e7681;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;margin-bottom:3px;padding:5px 6px;font-size:.62rem;transition:background .25s,border-color .25s,color .25s;display:flex}.bug-triage-modal .tier-row .dot{background:#6e7681;border-radius:50%;flex-shrink:0;width:7px;height:7px}.bug-triage-modal .tier-row.active{color:#fff;font-weight:600}.bug-triage-modal .tier-row.passed{color:#c9d1d9;opacity:.55}.bug-triage-modal .progress-track{background:#010409;border:1px solid #30363d;border-radius:3px;height:5px;margin-top:10px;overflow:hidden}.bug-triage-modal .progress-fill{background:#58a6ff;width:0%;height:100%;transition:width .15s linear}.bug-triage-modal .progress-caption{color:#6e7681;letter-spacing:.05em;text-align:center;margin-top:5px;font-size:.56rem}.bug-triage-modal .hint{color:#6e7681;letter-spacing:.04em;text-align:center;max-width:420px;font-size:.6rem}.bug-triage-modal .layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.1rem;display:flex}.bug-triage-modal .overlay{text-align:center;background:#0d1117f0;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:1.4rem;display:flex;position:absolute;inset:0}.bug-triage-modal .overlay h1{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:1rem}.bug-triage-modal .overlay p{color:#6e7681;max-width:250px;margin:0;font-size:.68rem;line-height:1.6}.bug-triage-modal .btn{color:#58a6ff;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #58a6ff;border-radius:3px;padding:.5em 1.3em;font-family:inherit;font-size:.68rem;transition:background .15s,color .15s}.bug-triage-modal .btn:hover{color:#04141a;background:#58a6ff}.bug-triage-modal .final-badge{letter-spacing:.08em;border:1px solid #30363d;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.68rem;font-weight:600;display:inline-flex}.bug-triage-modal .debrief{text-align:left;border-top:1px solid #30363d;border-bottom:1px solid #30363d;width:100%;max-width:280px;max-height:26vh;margin:.15rem 0;padding:.5rem 0;font-size:.62rem;overflow-y:auto}.bug-triage-modal .debrief-row{color:#c9d1d9;gap:.5rem;padding:3px 0;display:flex}.bug-triage-modal .debrief-row .t{color:#6e7681;flex-shrink:0}.bug-triage-modal .debrief-empty{color:#6e7681;font-style:italic}@media (width<=560px){.bug-triage-modal .layout{flex-direction:column-reverse;align-items:center}.bug-triage-modal .ladder-panel{width:220px}}.typer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;color:#c9d1d9;background:#0d1117f0;justify-content:center;align-items:center;font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,Consolas,monospace;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.typer-modal{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.typer-modal .stage{flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:1.25rem;display:flex}.typer-modal .title{letter-spacing:.3em;color:#6e7681;text-transform:uppercase;text-align:center;font-size:.7rem}.typer-modal .title b{color:#c9d1d9;letter-spacing:.3em}.typer-board-wrap{background:#161b22;border:1px solid #30363d;border-radius:5px;padding:10px;position:relative}canvas#typerBoard{background:#0d1117;border:1px solid #30363d;border-radius:3px;display:block}.typer-modal .hud{letter-spacing:.08em;color:#6e7681;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:0 2px 8px;font-size:.7rem;display:flex}.typer-modal .hud .stat b{color:#c9d1d9}.typer-inner-overlay{text-align:center;background:#0d1117f0;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:1.4rem;display:flex;position:absolute;inset:0}.typer-inner-overlay h1{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:1.2rem}.typer-inner-overlay p{color:#6e7681;max-width:250px;margin:0;font-size:.75rem;line-height:1.6}.typer-btn{color:#58a6ff;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #58a6ff;border-radius:3px;padding:.6em 1.5em;font-family:inherit;font-size:.75rem;transition:background .15s,color .15s}.typer-btn:hover{color:#04141a;background:#58a6ff}.typer-modal .hint{color:#6e7681;letter-spacing:.04em;text-align:center;max-width:420px;font-size:.65rem}.cleancv-overlay{color:#000;z-index:99999;background:#fff;padding:40px 20px;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;position:fixed;inset:0;overflow-y:auto}html.cleancv-active,body.cleancv-active{overflow:hidden!important}.cleancv-container{background:#fff;max-width:800px;margin:0 auto}.cleancv-header{border-bottom:2px solid #333;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;display:flex}.cleancv-header h1{letter-spacing:-.5px;margin:0 0 5px;font-size:2.5rem;font-weight:700}.cleancv-header h2{color:#555;margin:0;font-size:1.2rem;font-weight:500}.cleancv-contact{text-align:right;color:#444;font-size:.9rem;line-height:1.5}.cleancv-section{margin-bottom:30px}.cleancv-section h3{text-transform:uppercase;letter-spacing:1px;color:#222;border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:8px;font-size:1.3rem}.cleancv-job{margin-bottom:20px}.cleancv-job-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.cleancv-job-title{font-size:1.1rem;font-weight:700}.cleancv-job-company{color:#444;font-size:1rem;font-weight:600}.cleancv-job-date{color:#666;font-size:.9rem;font-style:italic}.cleancv-job ul{margin:10px 0 0 20px;padding:0}.cleancv-job li{color:#333;margin-bottom:5px;font-size:.95rem;line-height:1.5}.cleancv-skills{flex-wrap:wrap;gap:10px;display:flex}.cleancv-skill-badge{color:#111;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:.85rem}.cleancv-toolbar{gap:15px;display:flex;position:fixed;bottom:30px;right:30px}.cleancv-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:5px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0003}.cleancv-btn:hover{transform:translateY(-2px)}.cleancv-btn-close{background:#f85149}@media print{body.cleancv-active .app>:not(.cleancv-overlay){display:none!important}html.cleancv-active,body.cleancv-active,body.cleancv-active #root,body.cleancv-active .app{color:#000!important;background:#fff!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:relative!important;overflow:visible!important}body.cleancv-active .cleancv-overlay{background:#fff!important;height:auto!important;padding:10mm!important;display:block!important;position:relative!important;overflow:visible!important}body.cleancv-active .cleancv-container{max-width:100%!important;margin:0!important;padding:0!important}.cleancv-toolbar{display:none!important}}.skillmatcher-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100000;font-family:var(--font-sans);background:#050814d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.skillmatcher-modal{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:600px;box-shadow:var(--glass-shadow);border-radius:12px;max-height:90vh;padding:30px;position:relative;overflow-y:auto}.skillmatcher-modal::-webkit-scrollbar{width:6px}.skillmatcher-modal::-webkit-scrollbar-track{background:0 0}.skillmatcher-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.skillmatcher-modal h2{color:var(--text-main);align-items:center;gap:10px;margin:0 0 15px;font-size:1.5rem;display:flex}.skillmatcher-modal p{color:var(--text-muted);margin-bottom:20px;font-size:.9rem;line-height:1.5}.skillmatcher-textarea{border:1px solid var(--border-color);width:100%;height:150px;color:var(--text-main);font-family:var(--font-mono);resize:vertical;background:#0000004d;border-radius:8px;margin-bottom:20px;padding:15px;font-size:.9rem}.skillmatcher-textarea:focus{border-color:var(--primary);box-shadow:var(--neon-shadow);outline:none}.skillmatcher-btn{background:var(--primary);color:var(--bg-color);cursor:pointer;transition:var(--transition);border:none;border-radius:6px;width:100%;padding:12px 24px;font-size:1rem;font-weight:600}.skillmatcher-btn:hover{box-shadow:var(--neon-shadow);transform:translateY(-2px)}.skillmatcher-results{border-top:1px solid var(--border-color);text-align:center;margin-top:25px;padding-top:20px}.skillmatcher-score{color:var(--primary);text-shadow:var(--neon-shadow);margin:10px 0;font-size:3rem;font-weight:800}.skillmatcher-verdict{color:var(--text-main);margin-bottom:20px;font-size:1.1rem;font-weight:600}.skillmatcher-matches-title{color:var(--text-muted);text-align:left;margin-bottom:10px;font-size:.9rem}.skillmatcher-tags{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.skillmatcher-tag{background:rgba(var(--primary-rgb), .1);border:1px solid rgba(var(--primary-rgb), .3);color:var(--primary);border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:500}.skillmatcher-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;position:absolute;top:20px;right:20px}.skillmatcher-close:hover{color:var(--primary)}@media (width<=768px){.skillmatcher-modal{margin:10px;padding:20px}.skillmatcher-modal h2{font-size:1.25rem}.skillmatcher-score{font-size:2.5rem}.skillmatcher-close{top:15px;right:15px}}.laser-pointer-container{z-index:999999;pointer-events:none;position:fixed;inset:0}.laser-dot{pointer-events:none;z-index:2;background-color:red;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px 5px #f009,0 0 20px 10px #ff00004d}.laser-trail{pointer-events:none;z-index:1;background-color:#f33;border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #ff323280}.easter-egg-dock-wrapper{z-index:10000;font-family:var(--font-sans);flex-direction:column-reverse;align-items:flex-end;display:flex;position:fixed;bottom:24px;right:24px;display:none!important}.dock-toggle-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;width:50px;height:50px;box-shadow:0 8px 32px 0 #0000005e, var(--neon-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d142abf;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}.dock-toggle-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)scale(1.05)}.dock-pulse-dot{background-color:var(--primary);width:10px;height:10px;box-shadow:0 0 8px var(--primary);border-radius:50%;animation:1.8s infinite dock-pulse;position:absolute;top:2px;right:2px}@keyframes dock-pulse{0%{transform:scale(.95);box-shadow:0 0 #00f0ffb3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #00f0ff00}to{transform:scale(.95);box-shadow:0 0 #00f0ff00}}.dock-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform-origin:100% 100%;opacity:0;pointer-events:none;visibility:hidden;background:#080c1cd9;border:1px solid #ffffff14;border-radius:16px;width:440px;margin-bottom:12px;padding:20px;transition:all .4s cubic-bezier(.25,.8,.25,1);transform:scale(.85)translateY(20px);box-shadow:0 12px 40px #00000080,inset 0 0 20px #00f0ff0d}.open .dock-panel{opacity:1;pointer-events:all;visibility:visible;transform:scale(1)translateY(0)}.dock-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.dock-title-group{align-items:center;gap:8px;display:flex}.dock-title{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:700}.reduced-motion-indicator{color:#ef4444;background:#ef444426;border-radius:20px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:500;display:flex}.dock-instructions{color:var(--text-muted);margin:0 0 16px;font-size:11.5px;line-height:1.4}.keyboard-layout{background:#05081480;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.keyboard-row{justify-content:center;gap:5px;width:100%;display:flex}.keycap{color:var(--text-main);cursor:pointer;width:32px;height:32px;font-family:var(--font-mono);background:#0d142acc;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative;box-shadow:0 2px 4px #0000004d}.keycap:hover{border-color:var(--primary);background:#141e3ef2;transform:translateY(-1px);box-shadow:0 0 8px #00f0ff40}.keycap.pressed{background:var(--secondary-light);border-color:var(--primary);box-shadow:none;transform:scale(.9)translateY(1px)}.keycap.active{animation:1.5s infinite alternate key-pulse;color:#0f8!important;background:#00ff8826!important;border-color:#0f8!important;box-shadow:0 0 12px #0f86!important}@keyframes key-pulse{0%{box-shadow:0 0 4px #0f83}to{box-shadow:0 0 12px #00ff8880}}.key-letter{font-size:11px;font-weight:700}.key-tooltip{border:1px solid var(--primary);color:var(--primary);white-space:nowrap;opacity:0;pointer-events:none;z-index:100;background:#050814f2;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .2s;position:absolute;bottom:40px;left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 4px 12px #00000080}.key-tooltip:after{content:"";border:4px solid #0000;border-top-color:var(--primary);position:absolute;top:100%;left:50%;transform:translate(-50%)}.keycap:hover .key-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.dock-footer{color:var(--text-muted);border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:12px;padding-top:8px;font-size:11px;display:flex}.footer-status-text{font-family:var(--font-mono)}.active-effect-info{justify-content:space-between;align-items:center;width:100%;display:flex}.active-effect-info strong{color:var(--primary)}.esc-hatch-btn{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;transition:all .2s}.esc-hatch-btn:hover{background:#ef44444d;border-color:#ef4444}@media (width<=768px){.easter-egg-dock-wrapper{align-items:flex-end;bottom:16px;left:auto;right:16px}.dock-panel{width:290px;padding:12px}.dock-instructions{display:none}.keyboard-layout{padding:6px}.keyboard-row{gap:3px}.keycap{border-radius:4px;width:22px;height:22px}.key-letter{font-size:9px}.keycap:hover .key-tooltip{display:none!important}}.availability-overlay{z-index:100050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05081499;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.availability-badge{background:var(--bg-card);border:1px solid var(--border-color);width:90%;max-width:400px;box-shadow:0 25px 50px -12px #00000080, inset 0 0 20px var(--border-glow);border-radius:16px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative}[data-theme=secret] .availability-badge{border-color:var(--primary)}.availability-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.availability-close:hover{color:var(--text-main);background:#ffffff1a}.availability-title{color:var(--text-main);border-bottom:1px solid var(--border-color);margin:0 0 1.5rem;padding-bottom:1rem;font-size:1.25rem}.availability-items{flex-direction:column;gap:1.25rem;display:flex}.availability-item{align-items:center;gap:1rem;display:flex}.availability-icon{width:40px;height:40px;color:var(--text-muted);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;display:flex}.availability-icon.status-active{background:rgba(var(--primary-rgb,0, 240, 255), .1);color:var(--primary);box-shadow:0 0 15px var(--neon-shadow)}.availability-text{flex-direction:column;gap:.25rem;display:flex}.availability-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.availability-value{color:var(--text-main);font-size:1rem;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bug-overlay{z-index:100050;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050814b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.bug-modal{background:var(--bg-card);border:1px solid var(--accent);width:90%;max-width:450px;box-shadow:0 25px 50px -12px #00000080, inset 0 0 20px var(--border-glow);border-radius:16px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative}[data-theme=secret] .bug-modal{border-color:var(--primary)}.bug-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.bug-close:hover{color:var(--text-main);background:#ffffff1a}.bug-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.bug-icon{color:var(--accent)}.bug-title{color:var(--text-main);margin:0;font-size:1.25rem}.bug-form{flex-direction:column;gap:1.25rem;display:flex}.bug-form .form-group{flex-direction:column;gap:.5rem;display:flex}.bug-form label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.bug-form input,.bug-form textarea{border:1px solid var(--border-color);color:var(--text-main);background:#0003;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.bug-form input:focus,.bug-form textarea:focus{border-color:var(--primary);box-shadow:0 0 10px var(--neon-shadow);outline:none}.bug-submit{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.bug-submit:disabled{opacity:.7;cursor:not-allowed}.rm-overlay{z-index:200000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050814b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.recruiter-mode{background:var(--bg-card);border:1px solid var(--border-color);width:90%;max-width:600px;max-height:90vh;color:var(--text-main);border-radius:16px;padding:2.5rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080,inset 0 0 20px #00f0ff0d}[data-theme=secret] .recruiter-mode{border-color:var(--primary);box-shadow:0 25px 50px -12px #00000080,inset 0 0 20px #00ff881a}.recruiter-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.recruiter-title-group h1{color:var(--primary);margin:0 0 .5rem;font-size:2.2rem;font-weight:700}.recruiter-title-group h2{color:var(--text-muted);margin:0;font-size:1.1rem;font-weight:500}.recruiter-exit{color:var(--text-muted);border:1px solid var(--border-color);background:#ffffff0d;padding:.5rem 1rem;font-size:.85rem}.recruiter-exit:hover{color:var(--text-main);border-color:var(--text-muted);background:#ffffff1a}.recruiter-section{margin-bottom:2rem}.recruiter-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dark);border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem}.recruiter-section p{color:var(--text-muted);margin:0;font-size:1rem;line-height:1.6}.recruiter-projects{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.recruiter-projects li{border:1px solid var(--border-color);color:var(--text-muted);background:#0003;border-radius:8px;padding:1rem;font-size:.95rem;line-height:1.5}.recruiter-projects li strong{color:var(--text-main)}.rm-actions{flex-wrap:wrap;gap:1rem;display:flex}.rm-actions .btn{align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.recruiter-mode::-webkit-scrollbar{width:6px}.recruiter-mode::-webkit-scrollbar-track{background:0 0}.recruiter-mode::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}[data-theme=secret] .recruiter-mode::-webkit-scrollbar-thumb{background:#00ff884d}@media (width<=768px){.recruiter-mode{padding:1.5rem}.recruiter-header{flex-direction:column;gap:1rem}}.recruiter-pills{flex-wrap:wrap;gap:.5rem;display:flex}.recruiter-pill{color:var(--primary);cursor:default;white-space:nowrap;background:#00f0ff14;border:1px solid #00f0ff33;border-radius:20px;padding:.3rem .75rem;font-size:.8rem;transition:all .18s}[data-theme=secret] .recruiter-pill{background:#00ff8814;border-color:#0f83}.recruiter-pill:hover{background:#00f0ff29;border-color:#00f0ff73}[data-theme=secret] .recruiter-pill:hover{background:#00ff8829;border-color:#00ff8873}.sourcecode-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.sourcecode-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:800px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 25px 50px -12px #00000080,inset 0 0 20px #00f0ff1a}[data-theme=secret] .sourcecode-modal{border-color:var(--primary);box-shadow:0 25px 50px -12px #00000080,inset 0 0 20px #00ff881a}.sourcecode-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.sourcecode-close:hover{color:var(--primary);background:#ffffff0d}.sourcecode-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.sourcecode-icon{color:var(--primary)}.sourcecode-header h2{font-family:var(--font-sans);color:var(--text-light);margin:0;font-size:1.5rem}.sourcecode-desc{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.sourcecode-editor{background:#1e1e1e;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.editor-header{background:#2d2d2d;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:10px 15px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.file-name{color:#858585;font-family:var(--font-mono);margin-left:10px;font-size:.85rem}.sourcecode-editor pre{font-family:var(--font-mono);color:#d4d4d4;margin:0;padding:1.5rem;font-size:.9rem;line-height:1.6;overflow-x:auto}[data-theme=secret] .sourcecode-editor pre{color:#0f8}.devcard-overlay{-webkit-backdrop-filter:blur(14px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.22s dc-fade;display:flex;position:fixed;inset:0}@keyframes dc-fade{0%{opacity:0}to{opacity:1}}@keyframes dc-rise{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.devcard-modal{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:460px;box-shadow:0 0 0 1px #ffffff0a inset, 0 32px 64px -16px #0009, var(--neon-shadow);font-family:var(--font-sans);border-radius:18px;animation:.32s cubic-bezier(.16,1,.3,1) dc-rise;position:relative;overflow:hidden}.devcard-glow-bar{background:linear-gradient(90deg, var(--primary), var(--secondary), var(--accent), var(--primary));background-size:200% 100%;height:3px;animation:4s linear infinite dc-bar}@keyframes dc-bar{0%{background-position:0%}to{background-position:200%}}.devcard-close{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;z-index:2;background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .18s;display:flex;position:absolute;top:.75rem;right:.75rem}.devcard-close:hover{color:var(--text-main);background:#ffffff1f}.devcard-header{align-items:center;gap:1rem;padding:1.25rem 3rem 1rem 1.25rem;display:flex}.devcard-avatar{flex-shrink:0;width:62px;height:62px;position:relative}.devcard-avatar-inner{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;letter-spacing:-1px;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;font-size:1.3rem;font-weight:700;display:flex;position:relative}.devcard-avatar-ring{background:conic-gradient(var(--primary), var(--secondary), var(--accent), var(--primary));z-index:0;border-radius:50%;animation:5s linear infinite dc-spin;position:absolute;inset:-3px}.devcard-avatar-ring:after{content:"";background:var(--bg-color,#050814);border-radius:50%;position:absolute;inset:3px}@keyframes dc-spin{to{transform:rotate(360deg)}}.devcard-identity{flex:1;min-width:0}.devcard-name{color:var(--text-main);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .15rem;font-size:clamp(1rem,3.5vw,1.2rem);font-weight:700;overflow:hidden}.devcard-title{color:var(--text-muted);margin:0 0 .5rem;font-size:clamp(.68rem,2vw,.75rem);line-height:1.4}.devcard-meta-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.devcard-location{color:var(--text-dark);align-items:center;gap:.2rem;font-size:.68rem;display:flex}.devcard-status-badge{color:var(--accent);white-space:nowrap;background:#10b9811a;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.65rem;font-weight:600;display:flex}.devcard-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite dc-pulse}@keyframes dc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.devcard-stats{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);grid-template-columns:repeat(4,1fr);display:grid}.devcard-stat{text-align:center;flex-direction:column;align-items:center;gap:.2rem;padding:.85rem .4rem;transition:background .18s;display:flex}.devcard-stat:not(:last-child){border-right:1px solid var(--border-color)}.devcard-stat:hover{background:var(--bg-card-hover)}.devcard-stat-icon{color:var(--primary)}.devcard-stat-value{color:var(--text-main);font-size:clamp(1rem,3vw,1.25rem);font-weight:700;line-height:1}.devcard-stat-label{color:var(--text-dark);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem}.devcard-tech-section{padding:.9rem 1.25rem .75rem}.devcard-section-label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-dark);font-size:.63rem;font-family:var(--font-mono);margin:0 0 .55rem}.devcard-tech-pills{flex-wrap:wrap;gap:.35rem;display:flex}.devcard-pill{background:rgba(var(--primary-rgb), .08);border:1px solid rgba(var(--primary-rgb), .2);color:var(--primary);cursor:default;white-space:nowrap;border-radius:20px;padding:.2rem .55rem;font-size:.68rem;transition:all .18s}.devcard-pill:hover{background:rgba(var(--primary-rgb), .16);border-color:rgba(var(--primary-rgb), .45)}.devcard-actions{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 1.25rem;display:flex}.dc-action{cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .18s;display:inline-flex;position:relative}.dc-tooltip{background:var(--bg-color,#050814);border:1px solid var(--border-color);color:var(--text-main);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:10;font-size:.68rem;font-family:var(--font-sans);border-radius:6px;padding:.3rem .6rem;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.dc-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--border-color);position:absolute;top:100%;left:50%;transform:translate(-50%)}.dc-action:hover .dc-tooltip,.dc-action:focus .dc-tooltip{opacity:1;visibility:visible}.dc-action-primary{background:var(--primary);color:#000}.dc-action-primary:hover{filter:brightness(1.15);box-shadow:0 6px 20px rgba(var(--primary-rgb), .4);transform:translateY(-2px)}.dc-action-ghost{border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff0f}.dc-action-ghost:hover{color:var(--text-main);border-color:var(--primary);background:#ffffff1a;transform:translateY(-2px)}.dc-action-accent{background:var(--secondary);color:#fff}.dc-action-accent:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 20px #8e2de266}.dc-copied{border-color:var(--accent)!important;color:var(--accent)!important;background:#10b98126!important}.devcard-footer{border-top:1px solid var(--border-color);color:var(--text-dark);background:#ffffff05;justify-content:space-between;align-items:center;padding:.55rem 1.25rem;font-size:.68rem;display:flex}.devcard-esc-hint{font-family:var(--font-mono);color:var(--text-dark);opacity:.6;font-size:.63rem}@media (width<=480px){.devcard-header{flex-direction:column;align-items:flex-start;gap:.8rem;padding-right:3rem}.devcard-avatar{width:52px;height:52px}.devcard-avatar-inner{width:52px;height:52px;font-size:1.1rem}.devcard-stats{grid-template-columns:repeat(2,1fr)}.devcard-stat:nth-child(2){border-right:none}.devcard-stat:first-child,.devcard-stat:nth-child(2){border-bottom:1px solid var(--border-color)}.devcard-actions{gap:.45rem}.dc-action{width:38px;height:38px}}@media (width<=360px){.devcard-header{padding:1rem 2.75rem .75rem 1rem}.devcard-tech-section,.devcard-actions,.devcard-footer{padding-left:1rem;padding-right:1rem}}[data-theme=secret] .devcard-modal{border-color:#0f83;box-shadow:inset 0 0 0 1px #00ff880f,0 32px 64px -16px #000c,0 0 40px #00ff881a}[data-theme=secret] .devcard-glow-bar{background:linear-gradient(90deg,#0f8,#0fc,#0c6,#0f8)}[data-theme=secret] .devcard-avatar-inner{color:#000;background:linear-gradient(135deg,#0f8,#0c6)}[data-theme=secret] .devcard-avatar-ring{background:conic-gradient(#0f8,#0fc,#0c6,#0f8)}[data-theme=secret] .devcard-avatar-ring:after{background:#000800}[data-theme=secret] .dc-action-primary{color:#000;background:#0f8}[data-theme=secret] .dc-action-primary:hover{box-shadow:0 6px 20px #0f86}[data-theme=secret] .dc-action-accent{color:#000;background:#0c6}[data-theme=secret] .dc-action-ghost:hover{color:#0f8;border-color:#0f8}@media (prefers-reduced-motion:reduce){.devcard-overlay,.devcard-modal,.devcard-glow-bar,.devcard-avatar-ring,.devcard-dot{animation:none}}.jsonview-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;box-sizing:border-box;background:#06080dbf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:clamp(.75rem,4vw,2rem);animation:.25s jvFadeIn;display:flex;position:fixed;inset:0}@keyframes jvFadeIn{0%{opacity:0}to{opacity:1}}@keyframes jvSlideUp{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.jsonview-modal{--jv-bg:#0b0e14;--jv-panel:#131722;--jv-chrome:#1b2030;--jv-border:#262c3e;--jv-text:#e6e9f0;--jv-muted:#6b7280;--jv-key:#7dd3fc;--jv-string:#a5d6ff;--jv-accent:#f5c26b;--jv-punct:#4b5566;--jv-green:#7ee787;background:var(--jv-panel);border:1px solid var(--jv-border);border-radius:10px;flex-direction:column;width:100%;max-width:640px;max-height:88vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:.3s cubic-bezier(.16,1,.3,1) jvSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #0009,inset 0 0 0 1px #ffffff05}.jsonview-titlebar{background:var(--jv-chrome);border-bottom:1px solid var(--jv-border);flex-shrink:0;align-items:center;gap:.6rem;padding:.7rem .9rem;display:flex}.jsonview-dots{flex-shrink:0;gap:6px;display:flex}.jsonview-dots span{border-radius:50%;width:11px;height:11px;display:inline-block}.jsonview-dots span:first-child{background:#ff5f57}.jsonview-dots span:nth-child(2){background:#febc2e}.jsonview-dots span:nth-child(3){background:#28c840}.jsonview-tab{background:var(--jv-panel);color:var(--jv-text);border:1px solid var(--jv-border);white-space:nowrap;text-overflow:ellipsis;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:.4rem;margin-left:.35rem;padding:.3rem .7rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.78rem;display:flex;overflow:hidden}.jsonview-tab svg{color:var(--jv-key);flex-shrink:0}.jsonview-titlebar-spacer{flex:1}.jsonview-close{color:var(--jv-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:.3rem;transition:background .2s,color .2s;display:flex}.jsonview-close:hover{color:var(--jv-text);background:#ffffff14}.jsonview-header{border-bottom:1px solid var(--jv-border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;padding:.85rem 1.1rem .7rem;display:flex}.jsonview-header-text h2{color:var(--jv-text);letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:600}.jsonview-header-text p{color:var(--jv-muted);margin:.15rem 0 0;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.78rem}.jsonview-spacer{flex:1}.jsonview-copy-btn{background:var(--jv-chrome);border:1px solid var(--jv-border);color:var(--jv-text);cursor:pointer;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex;position:relative}.jsonview-copy-btn:hover{border-color:var(--jv-key);color:var(--jv-key);background:#7dd3fc1a}.jsonview-copy-btn.copied{border-color:var(--jv-green);color:var(--jv-green);background:#7ee7871f}.jsonview-copy-btn:after{content:attr(data-tooltip);border:1px solid var(--jv-border);color:var(--jv-text);white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#0b0e14;border-radius:5px;padding:.35rem .65rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.72rem;transition:all .18s;position:absolute;bottom:calc(100% + 8px);right:50%;transform:translate(50%)translateY(4px);box-shadow:0 4px 12px #00000080}.jsonview-copy-btn:hover:after{opacity:1;transform:translate(50%)translateY(0)}.jsonview-editor{background:var(--jv-bg);flex:1;min-width:0;min-height:0;display:flex;overflow:auto}.jsonview-linenos{text-align:right;color:#3a4152;-webkit-user-select:none;user-select:none;border-right:1px solid var(--jv-border);flex-shrink:0;padding:1.1rem .6rem 1.1rem 1rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.65}.jv-lineno{min-width:2ch;line-height:1.65}.jsonview-code{color:var(--jv-text);white-space:pre;flex:1;min-width:max-content;margin:0;padding:1.1rem 1.2rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.65;overflow:visible}.jv-line{white-space:pre;min-height:1.65em}.jv-key{color:var(--jv-key)}.jv-string{color:var(--jv-string)}.jv-number,.jv-bool{color:var(--jv-accent)}.jv-null{color:var(--jv-muted)}.jv-punct{color:var(--jv-punct)}.jsonview-statusbar{background:var(--jv-chrome);border-top:1px solid var(--jv-border);color:var(--jv-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem 1.1rem;font-family:SF Mono,Fira Code,Menlo,Consolas,monospace;font-size:.72rem;display:flex}.jsonview-statusbar span.jv-dot{color:var(--jv-green);margin-right:.35rem}.jsonview-editor::-webkit-scrollbar{width:10px;height:10px}.jsonview-editor::-webkit-scrollbar-track{background:var(--jv-bg)}.jsonview-editor::-webkit-scrollbar-thumb{background:var(--jv-border);border-radius:6px}.jsonview-editor::-webkit-scrollbar-thumb:hover{background:var(--jv-muted)}@media (width<=640px){.jsonview-modal{max-height:92vh}.jsonview-linenos{display:none}.jsonview-header{padding:.75rem .9rem .6rem}.jsonview-editor pre{padding:.9rem;font-size:.76rem}}@media (width<=400px){.jsonview-header-text h2{font-size:.95rem}.jsonview-copy-btn span.jv-copy-label{display:none}.jsonview-copy-btn{padding:.45rem .6rem}}@media (prefers-reduced-motion:reduce){.jsonview-overlay,.jsonview-modal{animation:none}}.guestbook-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.guestbook-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:500px;padding:2.5rem 2rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 25px 50px -12px #00000080,inset 0 0 20px #ffffff0d}[data-theme=secret] .guestbook-modal{border-color:var(--primary);box-shadow:0 25px 50px -12px #00000080,inset 0 0 20px #00ff881a}.guestbook-close{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.guestbook-close:hover{color:var(--primary);background:#ffffff1a}.guestbook-header{text-align:center;margin-bottom:2rem}.guestbook-icon{color:var(--primary);margin-bottom:1rem}.guestbook-header h2{font-family:var(--font-sans);color:var(--text-light);margin:0 0 .5rem;font-size:2rem}.guestbook-header p{color:var(--text-muted);margin:0;font-size:.95rem}.guestbook-form{flex-direction:column;gap:1.5rem;display:flex}.rating-section{text-align:center}.rating-section p{color:var(--text-muted);margin:0 0 .5rem;font-size:.9rem}.star-rating{justify-content:center;gap:.5rem;display:flex}.star-btn{color:var(--border-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:2rem;transition:all .2s}.star-btn.active,.star-btn:hover{color:#fbbf24;transform:scale(1.1)}[data-theme=secret] .star-btn.active,[data-theme=secret] .star-btn:hover{color:var(--primary);text-shadow:0 0 10px var(--primary)}.input-group textarea{border:1px solid var(--border-color);width:100%;color:var(--text-light);font-family:var(--font-sans);resize:vertical;background:#ffffff0d;border-radius:8px;min-height:100px;padding:1rem;font-size:.95rem;transition:all .3s}.input-group textarea:focus{border-color:var(--primary);background:#ffffff14;outline:none}.submit-btn{justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;display:flex}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.guestbook-success{text-align:center;padding:2rem 0;animation:.5s fadeIn}.success-icon{color:var(--primary);margin-bottom:1.5rem}.guestbook-success h2{color:var(--text-light);margin:0 0 .5rem;font-size:2rem}.guestbook-success p{color:var(--text-muted);margin:0}.cheatsheet-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0a0a0ad9;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.cheatsheet-modal{background:#0f0f14f2;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff1a}.cheatsheet-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.cheatsheet-title{color:var(--primary,#0f8);align-items:center;gap:.75rem;display:flex}.cheatsheet-title h3{letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:600}.cheatsheet-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.cheatsheet-close:hover{color:#fff;background:#ffffff1a}.cheatsheet-search{background:#0003;border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.cheatsheet-search .search-icon{color:#fff6}.cheatsheet-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem}.cheatsheet-search input::placeholder{color:#ffffff4d}.cheatsheet-content{padding:1rem 1.5rem;overflow-y:auto}.cheatsheet-content::-webkit-scrollbar{width:6px}.cheatsheet-content::-webkit-scrollbar-track{background:#0003}.cheatsheet-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.cheatsheet-empty{text-align:center;color:#fff6;padding:2rem 0;font-style:italic}.cheatsheet-list{flex-direction:column;gap:.5rem;display:flex}.cheatsheet-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background .2s;display:flex}.cheatsheet-item:hover{background:#ffffff0f}.cheatsheet-desc{color:#ffffffe6;font-size:.95rem}.cheatsheet-keys{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.cheatsheet-key{color:var(--primary,#0f8);background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.85rem;box-shadow:0 2px #0003}@media (width<=600px){.cheatsheet-item{flex-direction:column;align-items:flex-start;gap:.75rem}.cheatsheet-keys{justify-content:flex-start}}body.fx-axis-tilt-active{perspective:1800px;overflow-x:hidden}body.fx-axis-tilt-active #root{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.25,.8,.25,1);transform:rotateX(8deg)rotateY(-4deg)rotate(1deg)scale(.96);box-shadow:0 20px 80px #00f0ff33}body.fx-axis-tilt-cleanup #root{transition:transform .6s cubic-bezier(.25,.8,.25,1);transform:rotateX(0)rotateY(0)rotate(0)scale(1)}.fx-bounce-active h1,.fx-bounce-active h2,.fx-bounce-active h3,.fx-bounce-active h4,.fx-bounce-active h5,.fx-bounce-active h6,.fx-bounce-active p,.fx-bounce-active .project-card,.fx-bounce-active .skill-card,.fx-bounce-active .exp-card,.fx-bounce-active .glass-panel,.fx-bounce-active button{animation:1s cubic-bezier(.25,.8,.25,1.4) both fx-jelly-bounce}@keyframes fx-jelly-bounce{0%{transform:scale(1)}20%{transform:scale(1.15,.85)}40%{transform:scale(.85,1.15)}60%{transform:scale(1.05,.95)}80%{transform:scale(.98,1.02)}to{transform:scale(1)}}body.fx-chromatic-split-active{animation:.2s infinite fx-crt-glitch}body.fx-chromatic-split-active #root{text-shadow:-2px 0 #f05c,2px 0 #00f0ffcc}@keyframes fx-crt-glitch{0%{filter:contrast(1.1);transform:translate(0)}20%{filter:contrast(1.3);transform:translate(-2px,1px)}40%{transform:translate(1px,-1px)}60%{filter:saturate(1.2);transform:translate(-1px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}body.fx-disco-active{animation:1.5s linear infinite fx-disco-strobe}@keyframes fx-disco-strobe{0%,to{background-color:var(--bg-color)}20%{background-color:#8e2de2}40%{background-color:#10b981}60%{background-color:#00f0ff}80%{background-color:#ff007f}}body.fx-flip-active{perspective:1500px;overflow:hidden}body.fx-flip-active #root{animation:2s cubic-bezier(.4,0,.2,1) both fx-flip-3d}@keyframes fx-flip-3d{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}body.fx-hologram-active:after{content:"";z-index:999999;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;width:100vw;height:100vh;animation:.15s infinite fx-holo-flicker;position:fixed;top:0;left:0}body.fx-hologram-active{filter:hue-rotate(90deg)saturate(1.8)contrast(1.2)}@keyframes fx-holo-flicker{0%,to{opacity:.95}50%{opacity:.75}}body.fx-invert-active{filter:invert()hue-rotate(180deg);background-color:#fff;transition:filter .15s ease-in-out}body.fx-neon-active .project-card,body.fx-neon-active .skill-card,body.fx-neon-active .exp-card,body.fx-neon-active .glass-panel,body.fx-neon-active button,body.fx-neon-active input,body.fx-neon-active textarea{animation:1.5s infinite alternate fx-neon-flicker;border-color:#00f0ff!important;box-shadow:0 0 15px #00f0ff,inset 0 0 10px #00f0ff4d!important}body.fx-neon-active h1,body.fx-neon-active h2,body.fx-neon-active h3,body.fx-neon-active h4,body.fx-neon-active .section-title{color:#fff!important;text-shadow:0 0 5px #fff,0 0 10px #00f0ff,0 0 20px #8e2de2,0 0 30px #8e2de2!important}@keyframes fx-neon-flicker{0%,to{opacity:1}50%{opacity:.85}98%{opacity:.9}}body.fx-quake-active{animation:.4s infinite fx-quake-anim}@keyframes fx-quake-anim{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-6px,4px)rotate(-.5deg)}40%{transform:translate(6px,-4px)rotate(.5deg)}60%{transform:translate(-4px,-6px)rotate(-1deg)}80%{transform:translate(4px,6px)rotate(1deg)}}body.fx-rainbow-active{animation:2s linear infinite fx-rainbow-anim}@keyframes fx-rainbow-anim{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}body.fx-timewarp-active:after{content:"";z-index:999999;pointer-events:none;background:radial-gradient(circle,#0000 50%,#000000b3 100%) 0 0/100% 100%,linear-gradient(#12101000 50%,#0000004d 50%) 0 0/100% 5px;width:100vw;height:100vh;position:fixed;top:0;left:0}body.fx-timewarp-active #root{filter:sepia(.8)contrast(1.2)brightness(.85);border-radius:40px;transform:scaleY(.95)scaleX(.98);box-shadow:inset 0 0 80px #000}body.fx-xray-active *{color:#0f8!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important;border:1px solid #00ff884d!important}body.fx-xray-active{background-color:#000800!important}body.fx-zoompulse-active #root{animation:1.8s cubic-bezier(.4,0,.2,1) both fx-zoom-pulse-anim}@keyframes fx-zoom-pulse-anim{0%{filter:blur();transform:scale(1)}50%{filter:blur(2px);transform:scale(1.03)}to{filter:blur();transform:scale(1)}}.fx-canvas-overlay{z-index:99999;pointer-events:none;background:0 0;width:100vw;height:100vh;position:fixed;top:0;left:0}@media (prefers-reduced-motion:reduce){body[class*=fx-] *,body[class*=fx-]{filter:none!important;transition:none!important;animation:none!important;transform:none!important}}body.photo-mode-active{overflow:hidden!important}body.photo-mode-active .easter-egg-dock-wrapper,body.photo-mode-active .retro-overlay,body.photo-mode-active .secret-terminal,body.photo-mode-active .navbar,body.photo-mode-active .hero-socials,body.photo-mode-active .theme-toggle,body.photo-mode-active .chat-widget-wrapper{opacity:0!important;pointer-events:none!important;display:none!important}body.blueprint-mode-active{transition:all .5s;color:#00f0ff!important;background-color:#0b132b!important;background-image:linear-gradient(#00f0ff14 1px,#0000 1px),linear-gradient(90deg,#00f0ff14 1px,#0000 1px)!important;background-size:20px 20px!important}body.blueprint-mode-active *{color:#00f0ff!important;box-shadow:none!important;text-shadow:none!important;background-color:#0000!important;background-image:none!important;border-color:#00f0ff4d!important}body.blueprint-mode-active .project-card,body.blueprint-mode-active .skill-card,body.blueprint-mode-active .exp-card,body.blueprint-mode-active .glass-panel{border:1px dashed #00f0ff!important;border-radius:4px!important}.jb-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#05050ad9;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.jb-modal{background:#141419f2;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 30px 60px #0009,inset 0 1px #ffffff1a}.jb-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.jb-title{align-items:center;gap:.75rem;display:flex}.jb-title-icon{color:var(--primary,#0f8)}.jb-title h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:700}.jb-close{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.jb-close:hover{color:#fff;background:#ffffff26;transform:scale(1.05)}.jb-content{flex-direction:column;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}.jb-content::-webkit-scrollbar{width:6px}.jb-content::-webkit-scrollbar-track{background:#0000001a}.jb-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.jb-intro{color:#ffffffd9;margin:0;padding-bottom:.5rem;font-size:1.1rem;line-height:1.6}.jb-grid{grid-template-columns:1fr;gap:1rem;display:grid}.jb-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:1.25rem;transition:transform .2s,background .2s}.jb-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.jb-card-header{align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.jb-icon{background:#ffffff0d;border-radius:10px;padding:.5rem}.jb-icon.frontend{color:#61dafb;background:#61dafb1a}.jb-icon.backend{color:#68a063;background:#68a0631a}.jb-icon.database{color:#f55376;background:#f553761a}.jb-icon.devops{color:#ffb86c;background:#ffb86c1a}.jb-term{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.jb-analogy{color:#fff9;margin-top:.25rem;font-size:.9rem}.jb-analogy strong{color:var(--primary,#0f8);font-weight:500}.jb-desc{color:#ffffffbf;margin:0;font-size:.95rem;line-height:1.5}.jb-footer{background:linear-gradient(135deg,#00ff881a 0%,#00ff8805 100%);border:1px solid #0f83;border-radius:12px;margin-top:.5rem;padding:1.25rem}.jb-summary{color:#ffffffe6;font-size:1rem;line-height:1.5}.jb-summary strong{color:var(--primary,#0f8)}@media (width>=600px){.jb-grid{grid-template-columns:1fr 1fr}}.custom-context-menu{border:1px solid var(--accent);z-index:200050;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a1423f2;border-radius:8px;flex-direction:column;min-width:180px;padding:.5rem 0;animation:.15s ease-out contextFadeIn;display:flex;position:fixed;box-shadow:0 10px 25px #00000080,inset 0 0 10px #10b9811a}.context-menu-header{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff1a;margin-bottom:.25rem;padding:.5rem 1rem;font-size:.75rem}.context-menu-item{color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:inherit;font-size:.85rem;transition:all .2s;display:flex}.context-menu-item:hover{color:var(--accent);background:#10b98126}@keyframes contextFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.easter-egg-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99999;opacity:0;pointer-events:none;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.easter-egg-overlay.active{opacity:1;pointer-events:auto}.retro-modal{border:2px solid var(--primary);width:90%;max-width:600px;color:var(--text);background:#111;border-radius:8px;padding:30px;font-family:Fira Code,monospace;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:translateY(20px);box-shadow:0 0 20px #0f83,inset 0 0 10px #00ff881a}.easter-egg-overlay.active .retro-modal{transform:translateY(0)}.retro-modal .modal-header{border-bottom:1px solid #00ff884d;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;display:flex}.retro-modal .header-icon{color:var(--primary);width:32px;height:32px}.retro-modal h2{color:var(--text);margin:0;font-size:1.8rem}.retro-modal .close-btn{color:var(--text);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.retro-modal .close-btn:hover{color:#f55;background:#f553;transform:scale(1.1)}.retro-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border-radius:4px;padding:10px 20px;font-family:Fira Code,monospace;font-size:1rem;transition:all .2s}.retro-btn:hover{background:#00ff8826;box-shadow:0 0 10px #00ff884d}.retro-btn:active{transform:scale(.95)}
