@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}:root{font-family:"Press Start 2P",monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#0a0a0a}#root{min-height:100vh}.scroll-hidden{opacity:0;transform:translateY(30px)}.scroll-visible{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}@media(prefers-reduced-motion:reduce){.scroll-hidden{opacity:1;transform:none}.scroll-visible{transition:none}}.desktop-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;font-size:1rem;border-bottom:1px solid #1a1a1a;position:fixed;top:0;background-color:#000;width:100%;z-index:100}.desktop-header .logo{font-size:1.2rem;cursor:pointer}.nav{display:flex;gap:1.5rem}.nav a{font-size:.7rem;color:#a2a2a2;text-decoration:none;transition:color .3s}.nav a:hover{color:#09ec42}.desktop-header .header-actions{display:flex;align-items:center;gap:1rem}.enroll-btn{font-family:"Press Start 2P",monospace;font-size:.8rem;background:transparent;color:#fff;border:1px solid #09ec42;padding:.5rem 1rem;cursor:pointer;transition:all .3s;text-decoration:none}.enroll-btn:hover{background:#09ec42;color:#0a0a0a}.lang-toggle{font-family:"Press Start 2P",monospace;font-size:.7rem;background:transparent;color:#fff;border:1px solid #09ec42;padding:.5rem .8rem;cursor:pointer;transition:all .3s;white-space:nowrap}.lang-toggle:hover{background:#09ec42;color:#0a0a0a}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:110}.hamburger-line{display:block;width:100%;height:3px;background-color:#09ec42;transition:all .3s ease}.hamburger.active .hamburger-line:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.nav-overlay,.mobile-header{display:none}@media(min-width:1200px)and (max-width:1400px){.desktop-header{padding:1rem}.mobile-header{display:none}.nav{gap:1rem}.nav a{font-size:.6rem}}@media(max-width:1200px){.desktop-header{flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem}.desktop-header .logo{order:1;flex:0 0 auto;cursor:pointer}.desktop-header .header-actions{order:2;flex:0 0 auto}.nav{order:3;flex:1 0 100%;justify-content:center;gap:1rem;flex-wrap:wrap}.nav a{font-size:.65rem}.mobile-header{display:none}}@media(max-width:768px){.desktop-header{display:none}.mobile-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0;padding:1rem;position:fixed;width:100%;background-color:#000;border-bottom:1px solid #1a1a1a;z-index:99999}.mobile-header .logo{font-size:1rem;order:1;cursor:pointer}.mobile-controls{display:flex;align-items:center;gap:.8rem;order:2}.mobile-lang-toggle{font-size:.6rem;padding:.4rem .6rem;z-index:100000}.hamburger{display:flex;z-index:100000}.nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:#1a1a1a;border-left:2px solid #09ec42;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .3s ease;z-index:99999;padding:2rem}.nav.nav-open{right:0}.nav a{font-size:.7rem;padding:.8rem 1rem;text-align:center;width:100%;color:#fff;border:1px solid transparent;transition:all .3s ease}.nav a:hover{background-color:#2a2a2a;border-color:#09ec42;color:#09ec42}.header-actions{width:100%;display:flex;justify-content:center}.enroll-btn{font-size:.55rem;padding:.4rem .6rem}}@media(max-width:480px){.mobile-header{position:fixed;width:100%;background-color:#000;padding:1rem;border-bottom:1px solid #1a1a1a}.mobile-header .logo{font-size:.9rem}.mobile-controls{gap:.6rem}.mobile-lang-toggle{font-size:.5rem;padding:.3rem .5rem}.hamburger{width:25px;height:20px;z-index:100000}.hamburger-line{height:2px}.hamburger.active .hamburger-line:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.nav{width:100%;gap:1.5rem}.nav a{font-size:.6rem}.enroll-btn{font-size:.45rem;padding:.3rem .5rem}}.hero{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:4rem;min-height:60vh;align-items:center;scroll-margin-top:100px}.hero-content{display:flex;flex-direction:column;justify-content:center}.hero-subtitle{font-size:.85rem;color:#09ec42;margin-bottom:2rem;letter-spacing:2px}.hero-title{font-size:2.2rem;margin-bottom:1rem;line-height:1.4}.hero-role{font-size:.9rem;color:#09ec42;margin-bottom:2rem;letter-spacing:1px}.hero-description{font-size:.85rem;line-height:2.2;color:#888;max-width:500px;margin-bottom:2rem}.tech-stack{margin-top:1.5rem}.tech-stack-title{font-size:.85rem;color:#09ec42;margin-bottom:1rem;letter-spacing:1px}.tech-icons{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.tech-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#000;border:1px solid #333;border-radius:8px;color:#fff;font-size:1.5rem;transition:all .3s ease;cursor:pointer}.tech-icon:hover{transform:translateY(-2px);border-color:#09ec42;box-shadow:0 5px 15px #09ec4233}.tech-icon:nth-child(1){color:#f7df1e;border-color:#f7df1e}.tech-icon:nth-child(2){color:#3178c6;border-color:#3178c6}.tech-icon:nth-child(3){color:#61dafb;border-color:#61dafb}.tech-icon:nth-child(4){color:#dd0031;border-color:#ff0037}.tech-icon:nth-child(5){color:#2496ed;border-color:#2496ed}.tech-icon:nth-child(6){color:#326ce5;border-color:#326ce5}.hero-visual{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:5dvh}.code-block{background:#000;border:1px solid #1a1a1a;padding:2rem;font-size:.8rem;line-height:2.5;border-radius:4px}.code-comment{color:#a2a2a2}.code-keyword{color:#ff79c6}.code-var{color:#09ec42}.code-prop{color:#8be9fd}.code-string{color:#f1fa8c}.code-number{color:#bd93f9}@media(min-width:1400px){.hero-title{font-size:2.5rem}}@media(max-width:1200px){.hero-title{font-size:2rem}.hero-subtitle,.hero-description{font-size:.75rem}.hero-role{font-size:.8rem}.code-block{font-size:.7rem;padding:1.5rem}}@media(max-width:1024px){.hero{grid-template-columns:1fr;gap:2rem}.hero-visual{justify-content:center}.hero-content{text-align:center;align-items:center}.hero-description{max-width:100%}.hero-title{font-size:1.8rem}}@media(max-width:768px){.hero{grid-template-columns:1fr;min-height:auto;gap:1.5rem}.hero-title{font-size:1.4rem}.hero-subtitle{font-size:.65rem}.hero-visual{width:100%}.hero-role{font-size:.7rem}.hero-description{font-size:.6rem;line-height:2}.tech-icons{gap:.5rem}.tech-icon{width:50px;height:50px;font-size:1.8rem}.tech-stack-title{font-size:.7rem}.code-block{width:100%;font-size:.7rem;padding:1rem;line-height:2.2}}@media(max-width:480px){.hero-title{font-size:1.1rem}.hero-subtitle{font-size:.55rem;margin-bottom:1rem}.hero-role{font-size:.6rem;margin-bottom:1rem}.hero-description{font-size:.6rem;line-height:1.8}.tech-icons{gap:.3rem;justify-content:center}.tech-icon{width:45px;height:45px;font-size:1.6rem}.tech-stack-title{font-size:.6rem;text-align:center}.code-block{font-size:.55rem;padding:.8rem;line-height:2}}.donut-container{display:flex;justify-content:center;align-items:center;padding:20px;border-radius:8px;overflow:hidden}.ascii-donut{font-family:Courier New,Courier,monospace;font-size:14px;line-height:14px;color:#00ff41;text-shadow:0 0 5px #00ff41,0 0 10px #00ff41;white-space:pre;margin:0}.course-info{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#000;border:1px solid #1a1a1a;margin-bottom:4rem}.info-stats{display:flex;gap:2rem;flex-wrap:wrap}.stat{display:flex;gap:.5rem;font-size:.8rem}.stat-label{color:#a2a2a2}.stat-value{color:#fff}.stat-value.highlight{color:#09ec42}.cta-btn{font-family:"Press Start 2P",monospace;font-size:1rem;background:#09ec42;color:#000;border:none;padding:1.5rem;cursor:pointer;transition:all .3s;text-decoration:none}.cta-btn:hover{background:#00ab2b;transform:translate(5px)}@media(max-width:768px){.course-info{flex-direction:column;gap:1.5rem;padding:1rem}.info-stats{flex-direction:column;gap:1rem}.stat{font-size:.6rem;flex-direction:column;align-items:center;text-align:center}.cta-btn{width:100%;font-size:.6rem;padding:.6rem 1rem;display:flex;align-items:center;justify-content:center}}@media(max-width:480px){.course-info{padding:.8rem}.stat{font-size:.6rem}.cta-btn{width:100%;display:flex;align-items:center;justify-content:center;font-size:.6rem;padding:.5rem .8rem}}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.skill-card{background:#000;border:1px solid #1a1a1a;padding:1.5rem;transition:all .3s}.skill-card:hover{border-color:#09ec42}.skill-category{font-size:.7rem;color:#a2a2a2;display:block;margin-bottom:1rem}.skill-items{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{font-size:.65rem;background:#1a1a1a;color:#09ec42;padding:.4rem .8rem;border:1px solid #2a2a2a}@media(max-width:1200px){.skills-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:1.1rem}}@media(max-width:768px){.section-title{font-size:.9rem;margin-bottom:2rem}.skills-grid{grid-template-columns:1fr;gap:1rem}.skill-card{padding:1rem}.skill-category{font-size:.6rem}.skill-tag{font-size:.5rem;padding:.3rem .6rem}}@media(max-width:480px){.section-title{font-size:.8rem;margin-bottom:1.5rem}.skill-card{padding:1rem}.skill-category{font-size:.7rem}.skill-tag{font-size:.55rem;padding:.25rem .5rem}}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#09ec42,#1a1a1a)}.timeline-item{position:relative;padding-bottom:3rem;display:flex;gap:2rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-3.1rem;top:.9rem;width:3rem;height:3rem;background:#000;border:2px solid #09ec42;display:flex;align-items:center;justify-content:center}.timeline-index{color:#09ec42}.timeline-content{background:#000;border:1px solid #1a1a1a;padding:1.5rem;flex:1;transition:all .3s}.timeline-content:hover{border-color:#333}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem;flex-wrap:wrap;gap:.5rem}.company-name{font-size:1rem;color:#09ec42}.timeline-period{font-size:.7rem;color:#a2a2a2}.role-title{font-size:.8rem;color:#fff;margin-bottom:1rem}.timeline-meta{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.meta-item{font-size:.7rem;color:#a2a2a2}.timeline-description{font-size:.65rem;color:#fff;line-height:2}@media(max-width:768px){.section-title{font-size:.9rem;margin-bottom:2rem}.timeline{padding-left:1.5rem}.timeline-marker{left:-2rem;width:2.5rem;height:2.5rem}.timeline-content{padding:1rem}.timeline-header{flex-direction:column}.company-name{font-size:.8rem}.timeline-period,.role-title,.meta-item{font-size:.6rem}.timeline-description{font-size:.5rem}}@media(max-width:480px){.section-title{font-size:.8rem;margin-bottom:1.5rem}.timeline{padding-left:1rem}.timeline-marker{left:-1.5rem;top:.6rem;width:2rem;height:2rem}.timeline-index{font-size:.6rem}.timeline-content{padding:.8rem}.company-name{font-size:.9rem}.role-title{font-size:.6rem}.meta-item{font-size:.7rem}.timeline-description{font-size:.6rem;line-height:1.8}}.projects-grid{display:grid;grid-template-columns:1fr;gap:3rem}.project-card{background:#000;border:1px solid #1a1a1a;padding:2rem;position:relative;transition:all .3s;display:flex;flex-direction:column;gap:2rem}.project-card:hover{border-color:#09ec42}.project-content{display:flex;flex-direction:column;gap:1.5rem}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.project-title{font-size:1.1rem;color:#09ec42;margin:0}.project-links{display:flex;gap:1rem;flex-wrap:wrap}.project-link{display:flex;align-items:center;gap:.5rem;font-size:.65rem;color:#a2a2a2;text-decoration:none;padding:.3rem .6rem;border:1px solid #2a2a2a;background-color:#09ec42;color:#2a2a2a;transition:all .3s;cursor:pointer}.project-description{font-size:.7rem;color:#fff;line-height:1.8}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{font-size:.6rem;background:#1a1a1a;color:#09ec42;padding:.3rem .6rem;border:1px solid #2a2a2a}.project-preview{display:flex;justify-content:center}.crt-monitor{position:relative;width:420px;height:320px;background:linear-gradient(135deg,#d6d6d6,#aeaeae);border-radius:20px 20px 40px 40px;padding:20px 25px 40px;box-shadow:0 0 50px #000c,inset 0 0 30px #ffffff1a}.crt-monitor:before{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:15px;background:linear-gradient(135deg,#a7a6a6,#a7a7a7);border-radius:0 0 10px 10px}.crt-monitor:after{content:"";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);width:120px;height:20px;background:linear-gradient(135deg,#c5c5c5,#a2a1a1);border-radius:10px;box-shadow:0 5px 15px #00000080}.crt-screen{width:100%;height:100%;background:#000;border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #09ec4233}.crt-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#09ec4208 50%);background-size:100% 4px;pointer-events:none;z-index:2}.crt-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.screenshot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;height:100%;font-size:.7rem;color:#09ec42;font-family:"Press Start 2P",monospace}.screenshot-placeholder span:first-child{color:#666}.screenshot-placeholder span:last-child{animation:blink 2s infinite}.project-screenshot{width:100%;height:100%;object-fit:cover;border-radius:4px;filter:contrast(1.1) brightness(.9) hue-rotate(5deg)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media(min-width:1400px){.project-card{flex-direction:row;align-items:flex-start;gap:3rem;padding:3rem}.project-content{flex:1;max-width:60%}.project-preview{flex:0 0 auto}.crt-monitor{width:480px;height:360px}}@media(min-width:1200px)and (max-width:1400px){.project-card{flex-direction:row;align-items:flex-start;gap:2.5rem;padding:2.5rem}.project-content{flex:1;max-width:60%}.project-preview{flex:0 0 auto}.crt-monitor{width:420px;height:320px}}@media(max-width:1024px){.section-title{font-size:1.1rem}}@media(max-width:768px){.section-title{font-size:.9rem;margin-bottom:2rem}.projects-grid{gap:2rem}.project-card{padding:1.5rem}.project-title{font-size:.9rem}.project-description{font-size:.6rem}.project-link{font-size:.55rem}.tech-tag{font-size:.5rem;padding:.25rem .5rem}.crt-monitor{width:280px;height:220px;padding:15px 20px 30px}.screenshot-placeholder{font-size:.6rem}.project-card{padding:1rem 1rem 3rem}.project-title{font-size:.8rem}.project-description{font-size:.55rem}.project-link{font-size:.5rem;padding:.2rem .4rem}.tech-tag{font-size:.45rem;padding:.2rem .4rem}.crt-monitor{width:250px;height:200px;padding:12px 15px 25px}.screenshot-placeholder{font-size:.5rem;gap:.8rem}}@media(max-width:480px){.section-title{font-size:.8rem;margin-bottom:1.5rem}}.github-projects-section{padding-top:0;margin-top:-2rem}.github-section-subtitle{margin-bottom:2rem;font-size:.7rem}.github-section-subtitle .code-comment{color:#a2a2a2}.github-loading{text-align:center;padding:2rem}.loading-cursor{color:#09ec42;font-size:.6rem}.blink{animation:blink-cursor 1s step-end infinite}@keyframes blink-cursor{50%{opacity:0}}.github-error{text-align:center;padding:2rem}.github-error .code-comment{color:#a2a2a2;font-size:.6rem}.github-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.github-card{background:#000;border:1px solid #1a1a1a;border-radius:4px;padding:1.2rem;text-decoration:none;color:#fff;transition:border-color .3s ease,transform .3s ease;display:flex;flex-direction:column;gap:.8rem}.github-card:hover{border-color:#09ec42;transform:translateY(-2px)}.github-card-header{display:flex;justify-content:space-between;align-items:center}.github-repo-name{font-size:.65rem;color:#09ec42}.github-stars{display:flex;align-items:center;gap:4px;color:#f1fa8c;font-size:.55rem}.github-repo-description{font-size:.5rem;color:#a2a2a2;line-height:1.8}.github-card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:auto}.github-language{font-size:.45rem;color:#8be9fd;border:1px solid #8be9fd;padding:2px 6px;border-radius:3px}.github-topics{display:flex;gap:.4rem;flex-wrap:wrap}.github-topic-tag{font-size:.4rem;color:#09ec42;border:1px solid #1a1a1a;padding:2px 6px;border-radius:3px}.github-homepage-icon{color:#a2a2a2;margin-left:auto}@media(max-width:1024px){.github-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.github-grid{grid-template-columns:1fr}.github-projects-section{margin-top:-1rem}}@media(max-width:480px){.github-card{padding:1rem}.github-repo-name{font-size:.55rem}}.education-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.education-card{background:#000;border:1px solid #1a1a1a;padding:2rem;position:relative;transition:all .3s}.education-card:hover{border-color:#09ec42}.edu-index{position:absolute;top:1rem;right:1rem;font-size:1.5rem;color:#424242;font-weight:700}.edu-institution{font-size:.8rem;color:#09ec42;margin-bottom:1rem}.edu-degree{font-size:.65rem;color:#fff;margin-bottom:1rem;line-height:1.8}.edu-period{font-size:.6rem;color:#a2a2a2}@media(max-width:1200px){.section-title{font-size:1.1rem}}@media(max-width:1024px){.section-title{font-size:1.1rem}.education-grid{grid-template-columns:1fr}}@media(max-width:768px){.section-title{font-size:.9rem;margin-bottom:2rem}.education-grid{grid-template-columns:1fr;gap:1rem}.education-card{padding:1.5rem}.edu-institution{font-size:.65rem}.edu-degree{font-size:.5rem}.edu-period{font-size:.45rem}}@media(max-width:480px){.section-title{font-size:.8rem;margin-bottom:1.5rem}.education-card{padding:1rem}.edu-index{font-size:1rem}.edu-institution{font-size:.65rem}.edu-degree{font-size:.55rem}.edu-period{font-size:.5rem}}.certifications-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.cert-card{background:#000;border:1px solid #1a1a1a;padding:1.5rem;text-align:center;transition:all .3s}.cert-card:hover{border-color:#09ec42}.cert-icon{font-size:2rem;display:block;margin-bottom:1rem}.cert-name{font-size:.7rem;color:#fff;margin-bottom:.5rem}.cert-score{font-size:.6rem;color:#09ec42}@media(max-width:1200px){.section-title{font-size:1.1rem}.certifications-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.section-title{font-size:1.1rem}.certifications-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section-title{font-size:.9rem;margin-bottom:2rem}.certifications-grid{grid-template-columns:1fr;gap:1rem}.cert-card{padding:1rem}.cert-icon{font-size:1.5rem}.cert-name{font-size:.55rem}.cert-score{font-size:.45rem}}@media(max-width:480px){.section-title{font-size:.8rem;margin-bottom:1.5rem}.cert-card{padding:.8rem}.cert-icon{font-size:1.5rem}.cert-name{font-size:.7rem}.cert-score{font-size:.5rem}}.achievements-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem}.achievement-card{background:#000;border:1px solid #1a1a1a;border-radius:4px;padding:1.2rem .8rem;text-align:center;transition:border-color .3s ease,transform .3s ease;display:flex;flex-direction:column;align-items:center;gap:.6rem;-webkit-user-select:none;user-select:none}.achievement-card.unlocked{border-color:#1a1a1a}.achievement-card.unlocked:hover{border-color:#09ec42;transform:translateY(-2px)}.achievement-card.locked{opacity:.4;filter:grayscale(1)}.code-comment{color:#fff}.achievement-icon{font-size:3rem}.achievement-title{font-size:.7rem;color:#09ec42;line-height:1.6}.achievement-card.locked .achievement-title{color:#a2a2a2}.achievement-description{font-size:.55rem;color:#a2a2a2;line-height:1.8}@media(max-width:1200px){.achievements-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.achievements-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.achievements-grid{grid-template-columns:repeat(2,1fr)}.achievement-card{padding:1rem .6rem}}@media(max-width:480px){.achievements-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.achievement-icon{font-size:1.4rem}.achievement-title{font-size:.4rem}.achievement-description{font-size:.35rem}}.section{margin-bottom:5rem;scroll-margin-top:100px}.section-title{font-size:1.2rem;margin-bottom:2.5rem;text-transform:lowercase}.contact-icon-phone{font-size:1.5rem}.contact-icon-email{font-size:2.2rem}.code-bracket{color:#09ec42}.contact-section{margin-top:4rem}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.contact-card{background:#000;border:1px solid #1a1a1a;padding:1.5rem;text-align:center;text-decoration:none;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:.8rem}.contact-card:hover{border-color:#09ec42;transform:translateY(-5px)}.contact-icon{font-size:1.5rem}.contact-label{font-size:.6rem;color:#a2a2a2}.contact-value{font-size:.6rem;color:#09ec42;word-break:break-all}@media(max-width:1200px){.section-title{font-size:1.1rem}.contact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.section-title{font-size:1.1rem}.contact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.section-title{font-size:.9rem;margin-bottom:2rem}.contact-grid{grid-template-columns:1fr;gap:1rem}.contact-card{padding:1rem}.contact-icon{font-size:1.2rem}.contact-label,.contact-value{font-size:.45rem}}@media(max-width:480px){.section-title{font-size:.8rem;margin-bottom:1.5rem}.contact-card{padding:1rem;gap:.5rem}.contact-icon{font-size:1.5rem}.contact-label,.contact-value{font-size:.6rem}}.footer{margin-top:4rem;padding:1rem;background-color:#09ec42;position:absolute;bottom:0;left:0;width:100%;text-align:center}.footer-text{font-size:.7rem;color:#000}@media(max-width:768px){.footer{margin-top:2rem;padding-top:1.5rem}.footer-text{font-size:.5rem}}@media(max-width:480px){.footer-text{font-size:.45rem}}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.video-background__video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);opacity:.1;object-fit:cover}.terminal-overlay{position:fixed;inset:0;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.terminal-window{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;width:100%;max-width:1080px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000c;animation:slide-up .2s ease-out}.terminal-window.is-dragging{animation:none;-webkit-user-select:none;user-select:none}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.terminal-titlebar{display:flex;align-items:center;padding:.6rem 1rem;background:#111;border-bottom:1px solid #1a1a1a;border-radius:8px 8px 0 0;gap:.8rem;cursor:grab}.terminal-titlebar:active{cursor:grabbing}.terminal-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;cursor:pointer}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.terminal-title{flex:1;text-align:center;font-size:.7rem;color:#a2a2a2}.terminal-close{background:none;border:none;color:#a2a2a2;cursor:pointer;padding:2px;display:flex;align-items:center}.terminal-close:hover{color:#fff}.terminal-body{padding:1rem;overflow-y:auto;flex:1;min-height:300px;max-height:calc(80vh - 40px);cursor:text}.terminal-line{margin-bottom:.4rem}.terminal-prompt{color:#09ec42;margin-right:.5rem;font-size:.85rem}.terminal-line.input span{font-size:.85rem;color:#fff}.terminal-output{font-family:"Press Start 2P",monospace;font-size:.75rem;color:#a2a2a2;line-height:2;margin:0;white-space:pre-wrap;word-break:break-word}.terminal-input-line{display:flex;align-items:center;gap:0}.terminal-input{background:none;border:none;outline:none;color:#fff;font-family:"Press Start 2P",monospace;font-size:.85rem;flex:1;caret-color:#09ec42}.terminal-tab-hint{font-size:.65rem;color:#a2a2a2;margin:0;white-space:pre-wrap}.terminal-btn{background:none;border:1px solid #1a1a1a;color:#09ec42;font-family:"Press Start 2P",monospace;font-size:1rem;cursor:pointer;padding:6px 10px;border-radius:4px;transition:border-color .3s ease,background .3s ease}.terminal-btn:hover{border-color:#09ec42;background:#09ec421a}@media(max-width:1200px){.terminal-prompt,.terminal-input{font-size:.75rem}.terminal-output{font-size:.65rem}.terminal-line.input span{font-size:.75rem}.terminal-title{font-size:.6rem}.terminal-tab-hint{font-size:.55rem}}@media(max-width:1024px){.terminal-prompt,.terminal-input{font-size:.7rem}.terminal-output{font-size:.6rem}.terminal-line.input span{font-size:.7rem}.terminal-title{font-size:.55rem}.terminal-tab-hint{font-size:.5rem}}@media(max-width:768px){.terminal-overlay{padding:0}.terminal-window{max-width:none;max-height:none;width:100%;height:100%;border-radius:0;border:none;box-shadow:none}.terminal-titlebar{border-radius:0;cursor:default}.terminal-titlebar:active{cursor:default}.terminal-close{padding:.5rem;color:#ff5f57}.terminal-close svg{width:20px;height:20px}.terminal-dots{display:none}.terminal-body{min-height:auto;max-height:none;flex:1}.terminal-prompt,.terminal-input{font-size:.6rem}.terminal-output{font-size:.55rem}.terminal-line.input span{font-size:.6rem}.terminal-title{font-size:.5rem}.terminal-tab-hint{font-size:.45rem}}@media(max-width:480px){.terminal-body{padding:.6rem}.terminal-prompt,.terminal-input{font-size:.55rem}.terminal-output{font-size:.5rem}.terminal-line.input span{font-size:.55rem}.terminal-title{font-size:.45rem}.terminal-tab-hint{font-size:.4rem}}.app{min-height:100vh;background-color:#0a0a0a;color:#fff;font-family:"Press Start 2P",monospace;position:relative;overflow-x:hidden}.main{padding:7rem 3rem;max-width:1400px;margin:0 auto}.highlight{color:#09ec42}@media(min-width:1400px){.main{max-width:1600px}}@media(min-width:1200px){.main{padding:8rem 2rem 3rem}}@media(max-width:768px){.main{padding:6rem 1rem 2rem}}@media(max-width:480px){.main{padding:6rem .8rem 1.5rem}}@media(max-width:480px){.main{padding:5rem .8rem 1.5rem}}.blog-layout{min-height:100vh;display:flex;flex-direction:column;background:#0a0a0a;color:#fff}.blog-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid #1a1a1a;position:sticky;top:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.blog-logo{font-size:.8rem;color:#fff;text-decoration:none;cursor:pointer}.blog-logo .highlight{color:#09ec42}.blog-nav{display:flex;align-items:center;gap:1rem}.blog-back{font-size:.5rem;color:#09ec42;text-decoration:none;border:1px solid #1a1a1a;padding:6px 12px;border-radius:4px;transition:border-color .3s ease}.blog-back:hover{border-color:#09ec42}.blog-main{flex:1;max-width:800px;margin:0 auto;padding:2rem;width:100%}.blog-footer{padding:1.5rem 2rem;text-align:center;border-top:1px solid #1a1a1a}.blog-footer .code-comment{color:#a2a2a2;font-size:.45rem}@media(max-width:768px){.blog-header{padding:.8rem 1rem}.blog-main{padding:1.5rem 1rem}.blog-back{font-size:.4rem;padding:4px 8px}}.blog-list-title{font-size:1.8rem;margin-bottom:2rem;color:#fff}@media(max-width:480px){.blog-list-title{font-size:1.2rem;margin-bottom:1.5rem}}.blog-list-title .code-comment{color:#a2a2a2}.blog-empty{text-align:center;padding:3rem}.blog-empty .code-comment{color:#a2a2a2;font-size:.55rem}.blog-posts{display:flex;flex-direction:column;gap:1.5rem}.blog-post-card{background:#000;border:1px solid #1a1a1a;border-radius:4px;padding:1.5rem;text-decoration:none;color:#fff;transition:border-color .3s ease,transform .3s ease;display:flex;flex-direction:column;gap:.8rem}.blog-post-card:hover{border-color:#09ec42;transform:translateY(-2px)}.blog-post-title{font-size:.9rem;color:#09ec42;line-height:1.8}.blog-post-meta{display:flex;gap:1rem;align-items:center}.blog-post-date{display:flex;align-items:center;gap:6px;font-size:.5rem;color:#a2a2a2}.blog-post-summary{font-size:.6rem;color:#fff;line-height:2}.blog-post-tags{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:#a2a2a2}.blog-tag{font-size:.5rem;color:#09ec42;border:1px solid #09ec42;padding:2px 8px;border-radius:3px}@media(max-width:768px){.blog-post-card{padding:1rem}.blog-post-title{font-size:.8rem}.blog-post-summary{font-size:.45rem}}.blog-not-found{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:4rem 0}.blog-not-found .code-comment{color:#a2a2a2;font-size:.7rem}.blog-back-link{display:inline-flex;align-items:center;gap:6px;font-size:.5rem;color:#09ec42;text-decoration:none;margin-bottom:1.5rem;transition:opacity .3s ease}.blog-back-link:hover{opacity:.8}.blog-article-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #1a1a1a}.blog-article-title{font-size:1.5rem;color:#09ec42;line-height:2;margin-bottom:1rem}@media(max-width:480px){.blog-article-title{font-size:1.2rem;margin-bottom:1.5rem}}.blog-article-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.blog-article-date{display:flex;align-items:center;gap:6px;font-size:.6rem;color:#a2a2a2}.blog-article-tags{display:flex;align-items:center;gap:.4rem;color:#a2a2a2}.blog-article-content{line-height:2.2;font-size:.55rem}.blog-article-content h2{font-size:.7rem;color:#09ec42;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #1a1a1a}.blog-article-content h3{font-size:.6rem;color:#fff;margin:1.5rem 0 .8rem}.blog-article-content p{margin-bottom:1rem;color:#d4d4d4}.blog-article-content a{color:#09ec42;text-decoration:underline;text-underline-offset:3px}.blog-article-content a:hover{opacity:.8}.blog-article-content strong{color:#fff}.blog-article-content ul,.blog-article-content ol{margin:1rem 0;padding-left:1.5rem}.blog-article-content li{margin-bottom:.5rem;color:#d4d4d4}.blog-article-content code{background:#111;color:#09ec42;padding:2px 6px;border-radius:3px;font-size:.5rem}.blog-article-content pre{background:#111;border:1px solid #1a1a1a;border-radius:4px;padding:1rem;overflow-x:auto;margin:1.5rem 0}.blog-article-content pre code{background:none;padding:0;font-size:.45rem;line-height:2}.blog-article-content blockquote{border-left:3px solid #09ec42;padding-left:1rem;margin:1rem 0;color:#a2a2a2}.blog-article-content hr{border:none;border-top:1px solid #1a1a1a;margin:2rem 0}.blog-article-content table{width:100%;border-collapse:collapse;margin:1rem 0}.blog-article-content th,.blog-article-content td{border:1px solid #1a1a1a;padding:.5rem;font-size:.45rem;text-align:left}.blog-article-content th{background:#111;color:#09ec42}.blog-comments{margin-top:3rem;padding-top:2rem;border-top:1px solid #1a1a1a}.blog-comments-title{margin-bottom:1.5rem;font-size:.6rem}.blog-comments-title .code-comment{color:#a2a2a2}@media(max-width:768px){.blog-article-title{font-size:.65rem}.blog-article-content{font-size:.5rem}.blog-article-content h2{font-size:.6rem}.blog-article-content h3{font-size:.5rem}}