:root{--black: #000000;--white: #ffffff;--gray-100: #f5f5f5;--gray-200: #e0e0e0;--gray-300: #b0b0b0;--gray-400: #808080;--gray-500: #505050;--gray-600: #303030;--gray-700: #1a1a1a;--gray-800: #0d0d0d;--gray-900: #050505;--font-display: "Orbitron", monospace;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .2s ease;--transition-med: .4s ease;--transition-slow: .8s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--black);color:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--white);color:var(--black)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--gray-500);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-300)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:.05em;text-transform:uppercase}h1{font-size:clamp(2.5rem,8vw,6rem);line-height:1}h2{font-size:clamp(1.8rem,5vw,3.5rem)}h3{font-size:clamp(1.2rem,3vw,2rem)}p,li{font-family:var(--font-body);color:var(--gray-300);line-height:1.8}.mono{font-family:var(--font-mono);letter-spacing:.02em}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.glitch-text:before{clip-path:inset(20% 0 60% 0);transform:translate(-2px);color:var(--gray-400);animation:glitch-slice-top 3s infinite linear alternate-reverse}.glitch-text:after{clip-path:inset(60% 0 20% 0);transform:translate(2px);color:var(--gray-200);animation:glitch-slice-bottom 3s infinite linear alternate-reverse}@keyframes glitch-slice-top{0%{transform:translate(-2px)}20%{transform:translate(2px,-1px)}40%{transform:translate(-1px,1px)}60%{transform:translate(1px)}80%{transform:translate(-2px,-1px)}to{transform:translate(2px,1px)}}@keyframes glitch-slice-bottom{0%{transform:translate(2px)}20%{transform:translate(-1px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-2px)}80%{transform:translate(1px,1px)}to{transform:translate(-1px,-1px)}}.app{position:relative;min-height:100vh}section{position:relative;min-height:100vh;padding:120px 24px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.section-reveal{will-change:transform,opacity}.container{max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:2}.section-label{font-family:var(--font-mono);font-size:.75rem;color:var(--gray-500);letter-spacing:.3em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-label:before{content:"//";color:var(--gray-400)}.section-label:after{content:"";flex:1;height:1px;background:var(--gray-700)}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--gray-500),transparent);margin:40px 0}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid var(--gray-500);background:transparent;color:var(--white);transition:all var(--transition-med);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--white);transition:transform var(--transition-med);z-index:-1}.btn:hover{color:var(--black)}.btn:hover:before{transform:translate(100%)}.btn-outline{border-color:var(--gray-600);color:var(--gray-300)}.btn-outline:hover{border-color:var(--white)}.card{background:var(--gray-900);border:1px solid var(--gray-700);padding:32px;transition:all var(--transition-med)}.card:hover{border-color:var(--gray-400);background:var(--gray-800)}.section-black{background:var(--black)}.section-dark{background:var(--gray-900)}@media (max-width: 1024px){.container{padding:0 24px}section{padding:100px 0;min-height:auto}}@media (max-width: 768px){section{padding:80px 0;min-height:auto}h1{font-size:clamp(2rem,10vw,3.5rem)}h2{font-size:clamp(1.5rem,6vw,2.5rem)}.container{padding:0 20px}.section-label{font-size:.65rem}.card{padding:24px 20px}.btn{padding:12px 24px;font-size:.75rem}}@media (max-width: 480px){section{padding:60px 0}.container{padding:0 16px}h1{font-size:clamp(1.6rem,12vw,2.5rem)}h2{font-size:clamp(1.2rem,7vw,1.8rem)}h3{font-size:clamp(1rem,4vw,1.4rem)}.card{padding:20px 16px}.btn{padding:10px 20px;font-size:.7rem;letter-spacing:.12em}.section-label{margin-bottom:12px}}.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav-hamburger{display:none}@media (max-width: 768px){.nav-hamburger{display:flex!important}.nav-links{display:none;align-items:stretch}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:#000000f7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-800);padding:16px 24px;gap:6px}.nav-links.open a{padding:10px 12px!important;text-align:center;border:1px solid var(--gray-800)!important}}.grid-2,.grid-3{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr;gap:20px}}.flex-wrap{display:flex;flex-wrap:wrap}@media (max-width: 768px){.flex-wrap-mobile{flex-direction:column}}@media (max-width: 768px){.admin-tabs{gap:2px}.admin-tabs button{padding:6px 12px!important;font-size:.6rem!important}}@media (max-width: 768px){.blog-content{font-size:.9rem!important;line-height:1.7!important}.blog-content h2{font-size:1.2rem}.blog-content blockquote{padding-left:14px}}@media (max-width: 480px){.blog-content{font-size:.85rem!important}}img{max-width:100%;height:auto}@media (max-width: 768px){.hero-layout{flex-direction:column!important;gap:40px!important;text-align:center}.hero-text{max-width:100%!important;min-width:0!important}.hero-text .section-label{justify-content:center}.hero-text .section-label:after{display:none}.hero-text p{margin-left:auto;margin-right:auto}.hero-text div{justify-content:center}.hero-photo{width:240px!important;height:240px!important}.hero-photo>div:first-child{width:110%!important;height:110%!important}.hero-photo>div:first-child svg{width:200px!important;height:200px!important}.scroll-indicator{display:none!important}}@media (max-width: 480px){.hero-photo{width:200px!important;height:200px!important}}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr!important;gap:16px!important}.blog-grid .blog-tag{font-size:.6rem!important;padding:2px 8px!important}}@media (max-width: 768px){.about-line{text-align:center}}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (max-width: 480px){.skills-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.project-card svg{display:none}}.blog-content h2{font-size:1.55rem;margin:36px 0 16px;font-family:var(--font-mono);color:var(--white);letter-spacing:.02em}.blog-content h3{font-size:1.15rem;margin:26px 0 12px;font-family:var(--font-mono);color:var(--gray-100);letter-spacing:.02em}.blog-content p{margin-bottom:16px;line-height:1.9}.blog-content b,.blog-content strong{font-weight:700;color:var(--white)}.blog-content i,.blog-content em{font-style:italic}.blog-content u{text-decoration:underline;text-decoration-color:var(--gray-500)}.blog-content font[color]{color:inherit}.blog-content a{color:var(--gray-200);border-bottom:1px solid var(--gray-600);text-decoration:none;transition:color .2s}.blog-content a:hover{color:var(--white);border-bottom-color:var(--gray-300)}.blog-content img{max-width:100%;height:auto;filter:grayscale(100%);border:1px solid var(--gray-700);margin:20px 0;display:block;border-radius:2px}.blog-content blockquote{border-left:2px solid var(--gray-500);padding-left:20px;margin:20px 0;color:var(--gray-400);font-style:italic}.blog-content ul,.blog-content ol{padding-left:24px;margin:16px 0}.blog-content li{margin-bottom:8px}.blog-content pre{background:var(--gray-900);border:1px solid var(--gray-700);padding:16px;overflow-x:auto;font-family:var(--font-mono);font-size:.85rem;margin:16px 0}.blog-content code{font-family:var(--font-mono);font-size:.85rem;background:var(--gray-800);padding:2px 6px}.blog-content pre code{background:none;padding:0}.blog-content .source-box{border:1px solid var(--gray-700);background:var(--gray-900);padding:16px 20px;margin:20px 0}.blog-content .source-box ul{margin:0;padding-left:20px}.blog-content .source-box li{margin-bottom:6px}.blog-content .affiliate-box{border:1px solid var(--gray-600);background:var(--gray-900);padding:16px 20px;margin:24px 0}.blog-content .affiliate-box h3{margin-top:0;color:var(--white)}.blog-content .affiliate-box a{display:inline-block;margin:6px 0;color:var(--gray-100);border-bottom:1px solid var(--gray-400)}