:root{--bg-page: #0A0A0A;--bg-card: #0F0F0F;--bg-card-inner: #1A1A1A;--white-primary: #FAFAFA;--text-on-primary: #FFFFFF;--green-primary: #10B981;--teal-accent: #06B6D4;--purple-accent: #8B5CF6;--border: #1F1F1F;--gray-500: #6B7280;--gray-600: #4B5563;--font-heading: "JetBrains Mono", monospace;--font-body: "IBM Plex Mono", monospace;--font-ui: "Inter", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-on-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.nav-open{overflow:hidden}body.nav-open .nav{position:fixed;top:0;left:0;right:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit}input,textarea{font-family:var(--font-body);background:none;border:none;outline:none;color:var(--text-on-primary);width:100%}.app{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;min-height:100vh}.page-container{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 60px);position:relative}.page-transition-wrapper{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 60px)}.page-content{flex:1;display:flex;flex-direction:column}.wipe-bar{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--green-primary);z-index:1000;pointer-events:none;will-change:transform;box-shadow:0 0 60px var(--green-primary),0 0 120px #10b9814d}.scanlines-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 3px)}.terminal-command{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--bg-page);z-index:1001;pointer-events:none;white-space:nowrap;letter-spacing:1px;text-shadow:0 0 10px rgba(10,10,10,.5)}.terminal-command:after{content:"";display:inline-block;width:10px;height:20px;background:var(--bg-page);margin-left:4px;vertical-align:text-bottom;animation:cursor-blink .6s step-end infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.wipe-bar,.scanlines-overlay,.terminal-command{display:none}.page-content{animation:none!important;transition:none!important}}@media(min-width:640px){.page-container,.page-transition-wrapper{min-height:calc(100vh - 80px)}.terminal-command{font-size:24px;letter-spacing:2px}.terminal-command:after{width:12px;height:24px}}@media(min-width:1024px){.terminal-command{font-size:28px}.terminal-command:after{width:14px;height:28px}}.section{background:var(--bg-card);padding:40px 20px;display:flex;flex-direction:column;gap:48px}.section-title{font-family:var(--font-heading);font-size:25px;font-weight:400;color:var(--white-primary)}.section-subtitle{font-family:var(--font-body);font-size:16px;font-weight:400;color:var(--white-primary)}@media(min-width:640px){.section{padding:60px 40px}}.nav{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px;background:var(--bg-page);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-logo{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--white-primary)}.nav-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:1px solid var(--border);cursor:pointer;z-index:201;position:relative}.nav-toggle-line{display:block;width:20px;height:2px;background:var(--green-primary);transition:transform .3s ease,opacity .3s ease}.nav-toggle-line+.nav-toggle-line{margin-top:4px}.nav-toggle--open .nav-toggle-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle--open .nav-toggle-line:nth-child(2){opacity:0}.nav-toggle--open .nav-toggle-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-links{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background:var(--bg-page);border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:flex-start;padding:32px 20px;gap:0;z-index:200;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.nav-links--open{transform:translate(0)}.nav-link{font-family:var(--font-heading);font-size:18px;font-weight:400;color:var(--text-on-primary);transition:color .2s;padding:16px 0;width:100%;border-bottom:1px solid var(--border)}.nav-link:before{content:"> ";color:var(--green-primary)}.nav-link:hover{color:var(--purple-accent)}.nav-link--active{color:var(--green-primary);position:relative}.nav-link--active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--green-primary);box-shadow:0 0 8px var(--green-primary)}.nav-cta{display:flex;align-items:center;justify-content:center;height:40px;padding:0 20px;width:100%;background:var(--purple-accent);color:var(--text-on-primary);font-family:var(--font-heading);font-size:14px;font-weight:500;transition:opacity .2s;white-space:nowrap}.nav-cta:hover{opacity:.85}.nav-cv{display:flex;align-items:center;justify-content:center;height:40px;width:100%;background:var(--green-primary);color:var(--bg-page);font-family:var(--font-heading);font-size:14px;font-weight:500;transition:opacity .2s;padding:0 20px}.nav-cv:hover{opacity:.85}.nav-actions{display:flex;align-items:center;gap:8px}.lang-toggle{display:flex;align-items:center;gap:4px;padding:4px 8px;font-family:var(--font-heading);font-size:11px;font-weight:400;color:var(--gray-500);border:1px solid var(--border);background:none;cursor:pointer;transition:border-color .2s}.lang-toggle:hover{border-color:var(--gray-500)}.lang-toggle-separator{color:var(--border)}.lang-toggle-active{color:var(--green-primary);font-weight:700}@media(min-width:640px){.nav{padding:0 40px}.nav-logo{font-size:16px}.nav-links{padding:32px 40px}}@media(min-width:1024px){.nav{height:80px}.nav-actions{order:1;gap:16px}.nav-toggle{display:none}.nav-links{position:static;width:auto;height:auto;flex-direction:row;align-items:center;padding:0;gap:32px;background:none;border-top:none;transform:none;transition:none;overflow:visible}.nav-link{font-size:13px;padding:0;width:auto;border-bottom:none}.nav-link:before{content:none}.nav-link--active:after{bottom:-6px}.nav-cta{width:fit-content;margin-top:0;height:40px;font-size:12px}}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px;padding:40px 20px;background:var(--bg-page);min-height:calc(100vh - 60px);justify-content:center}.hero-content{display:flex;flex-direction:column;gap:20px;flex:1;align-items:center}.hero-greeting{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:400;color:var(--white-primary)}.hero-name{font-family:JetBrains Mono,monospace;font-size:32px;font-weight:700;color:var(--white-primary);line-height:1.1}.hero-title{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:500;color:var(--purple-accent)}.hero-desc{font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--text-on-primary);line-height:1.6;max-width:100%}.hero-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.hero-photo{width:240px;height:240px;flex-shrink:0;overflow:hidden;border:2px solid var(--green-primary);order:-1}.hero-photo img{width:100%;height:100%;object-fit:cover}@media(min-width:640px){.hero{padding:60px 40px;gap:40px;min-height:calc(100vh - 80px)}.hero-content{gap:24px}.hero-greeting{font-size:18px}.hero-name{font-size:40px}.hero-title{font-size:18px}.hero-buttons{flex-direction:row;justify-content:center;width:auto}.hero-photo{width:300px;height:300px}}@media(min-width:1024px){.hero{flex-direction:row;text-align:left;gap:60px}.hero-content{align-items:flex-start}.hero-greeting{font-size:20px}.hero-name{font-size:48px}.hero-title{font-size:20px}.hero-desc{max-width:520px}.hero-buttons{justify-content:flex-start}.hero-photo{width:380px;height:380px;order:0}}.btn{display:flex;align-items:center;justify-content:center;height:44px;padding:0 20px;font-family:var(--font-heading);font-size:12px;font-weight:500;transition:opacity .2s}.btn:hover{opacity:.85}.btn--primary{background:var(--purple-accent);color:var(--text-on-primary)}.btn--secondary{background:transparent;color:var(--white-primary);border:1px solid var(--border)}.btn--green{background:var(--green-primary);color:var(--bg-page)}.btn--outline{background:transparent;color:var(--white-primary);border:1px solid var(--border)}.social-links{display:flex;gap:16px}.social-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-card);border:1px solid var(--border);color:var(--gray-500);transition:color .2s,border-color .2s}.social-icon:hover{color:var(--white-primary);border-color:var(--gray-500)}.about{background:var(--bg-card);padding:40px 20px;display:flex;flex-direction:column;gap:32px;min-height:calc(100vh - 60px);justify-content:center}.about-content{display:flex;flex-direction:column;gap:32px}.about-text{display:flex;flex-direction:column;gap:20px;flex:1}.about-paragraph{font-family:var(--font-body);font-size:16px;font-weight:400;color:var(--text-on-primary);line-height:1.6}.about-stats{display:flex;flex-direction:column;gap:16px;width:100%;flex-shrink:0}.stat-card{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--bg-card-inner);border:1px solid}.stat-card--green{border-color:var(--green-primary)}.stat-card--teal{border-color:var(--teal-accent)}.stat-card--purple{border-color:var(--purple-accent)}.stat-number{font-family:var(--font-heading);font-size:40px;font-weight:700;color:var(--white-primary)}.stat-label{font-family:var(--font-body);font-size:11px;font-weight:400}.stat-label--green{color:var(--green-primary)}.stat-label--teal{color:var(--teal-accent)}.stat-label--purple{color:var(--purple-accent)}@media(min-width:640px){.about{padding:60px 40px;gap:48px;min-height:calc(100vh - 80px)}.about-content{gap:40px}.about-paragraph{font-size:18px}.about-stats{flex-direction:row}.stat-card{flex:1}}@media(min-width:1024px){.about-content{flex-direction:row;gap:60px}.about-paragraph{font-size:20px}.about-stats{flex-direction:column;width:280px}.stat-card{flex:none}}.experience{background:var(--bg-card);padding:40px 20px;display:flex;flex-direction:column;gap:32px;border:1px solid var(--green-primary);min-height:calc(100vh - 60px);justify-content:center}.exp-list{display:flex;flex-direction:column;gap:32px}.exp-card{background:var(--bg-card-inner);border:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:12px}.exp-header{display:flex;flex-direction:column;gap:8px}.exp-role{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--white-primary)}.exp-company{font-family:var(--font-heading);font-size:13px;font-weight:400;color:var(--teal-accent);margin-top:8px}.exp-date{font-family:var(--font-heading);font-size:11px;font-weight:400;color:var(--gray-500);flex-shrink:0}.exp-desc{font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--text-on-primary);line-height:1.6}@media(min-width:640px){.experience{padding:60px 40px;gap:48px;min-height:calc(100vh - 80px)}.exp-card{padding:24px;gap:16px}.exp-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.skills{background:var(--bg-card);padding:40px 20px;display:flex;flex-direction:column;gap:32px;min-height:calc(100vh - 60px);justify-content:center}.skills-grid{display:flex;flex-direction:column;gap:32px}.skill-category{display:flex;flex-direction:column;gap:20px}.skill-category-title{font-family:var(--font-heading);font-size:14px;font-weight:400}.skill-category-title--green{color:var(--green-primary)}.skill-category-title--teal{color:var(--teal-accent)}.skill-category-title--purple{color:var(--purple-accent)}.skill-items{display:flex;flex-wrap:wrap;gap:12px}.skill-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-card);border:1px solid}.skill-badge--green{border-color:var(--green-primary)}.skill-badge--green .skill-badge-icon{color:var(--green-primary)}.skill-badge--teal{border-color:var(--teal-accent)}.skill-badge--teal .skill-badge-icon{color:var(--teal-accent)}.skill-badge--purple{border-color:var(--purple-accent)}.skill-badge--purple .skill-badge-icon{color:var(--purple-accent)}.skill-badge-text{font-family:var(--font-heading);font-size:12px;font-weight:400;color:var(--white-primary)}@media(min-width:640px){.skills{padding:60px 40px;gap:48px;min-height:calc(100vh - 80px)}}.projects{background:var(--bg-card);padding:40px 20px;display:flex;flex-direction:column;gap:32px;border:1px solid var(--teal-accent);min-height:calc(100vh - 60px);justify-content:center}.projects-header{display:flex;flex-direction:column;gap:12px}.project-grid{display:flex;flex-direction:column;gap:32px}.project-card{display:flex;flex-direction:column;gap:24px;background:var(--bg-card-inner);border:1px solid var(--border);padding:20px}.project-card:nth-child(2n){flex-direction:column}.project-image{width:100%;height:200px;flex-shrink:0;overflow:hidden;border:2px solid var(--teal-accent)}.project-image img{width:100%;height:100%;object-fit:cover}.project-content{display:flex;flex-direction:column;gap:20px;flex:1}.project-title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--white-primary)}.project-desc{font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--white-primary);line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:12px}.tech-tag{padding:6px 12px;background:var(--bg-card);border:1px solid var(--green-primary);font-family:var(--font-ui);font-size:14px;font-weight:500;color:var(--text-on-primary)}.project-links{display:flex;gap:16px}.project-link{display:flex;align-items:center;gap:8px;height:36px;padding:0 16px;font-family:var(--font-ui);font-size:15px;font-weight:600;color:var(--text-on-primary);transition:opacity .2s}.project-link:hover{opacity:.85}.project-link--live{background:var(--purple-accent)}.project-link--code{background:var(--green-primary);border:1px solid var(--border)}@media(min-width:640px){.projects{padding:60px 40px;gap:48px;min-height:calc(100vh - 80px)}.project-card{padding:32px;gap:32px}.project-image{height:240px}}@media(min-width:1024px){.project-card{flex-direction:row;gap:40px;padding:40px}.project-card:nth-child(2n){flex-direction:row-reverse}.project-image{width:480px;height:320px}}.education{background:var(--bg-card);padding:40px 20px;display:flex;flex-direction:column;gap:32px;min-height:calc(100vh - 60px);justify-content:center}.edu-list{display:flex;flex-direction:column;gap:24px}.edu-card{display:flex;align-items:flex-start;gap:16px;background:var(--bg-card-inner);border:1px solid var(--border);padding:20px}.edu-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;color:var(--bg-page)}.edu-icon--green{background:var(--green-primary)}.edu-icon--teal{background:var(--teal-accent)}.edu-icon--purple{background:var(--purple-accent)}.edu-content{display:flex;flex-direction:column;gap:8px;flex:1}.edu-degree{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--white-primary)}.edu-school{font-family:var(--font-heading);font-size:13px;font-weight:400}.edu-school--green{color:var(--green-primary)}.edu-school--teal{color:var(--teal-accent)}.edu-school--purple{color:var(--purple-accent)}.edu-year{font-family:var(--font-body);font-size:12px;font-weight:400;color:var(--gray-500)}@media(min-width:640px){.education{padding:60px 40px;gap:48px;min-height:calc(100vh - 80px)}.edu-card{align-items:center;gap:32px;padding:32px}}.contact{background:var(--bg-card);padding:40px 20px;display:flex;flex-direction:column;gap:32px;border:1px solid var(--purple-accent);min-height:calc(100vh - 60px);justify-content:center}.contact-header{display:flex;flex-direction:column;gap:12px}.contact-content{display:flex;flex-direction:column;gap:24px}.contact-buttons{display:flex;flex-direction:column;gap:12px}.contact-buttons .btn{width:100%}.form-message{padding:16px;border-radius:4px;font-family:var(--font-heading);font-size:14px;text-align:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-message--success{background:#00ff881a;border:1px solid var(--green-primary);color:var(--green-primary)}.form-message--error{background:#ff52521a;border:1px solid #ff5252;color:#ff5252}.form-container{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-label{font-family:var(--font-heading);font-size:11px;font-weight:400;color:var(--text-on-primary)}.form-input{height:44px;padding:12px 16px;background:var(--bg-card-inner);border:1px solid var(--green-primary);font-family:var(--font-body);font-size:13px}.form-input::placeholder{color:var(--gray-600)}.form-textarea{height:120px;padding:16px;background:var(--bg-card-inner);border:1px solid var(--green-primary);font-family:var(--font-body);font-size:13px;resize:vertical}.form-textarea::placeholder{color:var(--gray-600)}@media(min-width:640px){.contact{padding:60px 40px;gap:48px;min-height:calc(100vh - 80px)}.contact-buttons{flex-direction:row;gap:16px}.contact-buttons .btn{flex:1;width:auto}}.footer{background:var(--bg-card-inner);border:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:24px}.footer-top{display:flex;flex-direction:column;gap:24px}.footer-brand{display:flex;flex-direction:column;gap:16px;max-width:400px}.footer-logo{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--text-on-primary)}.footer-tagline{font-family:var(--font-heading);font-size:15px;font-weight:400;color:var(--text-on-primary);opacity:.9;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:24px}.footer-column{display:flex;flex-direction:column;gap:16px}.footer-column-title{font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--text-on-primary)}.footer-link{font-family:var(--font-heading);font-size:15px;font-weight:400;color:var(--text-on-primary);opacity:.8;transition:opacity .2s}.footer-link:hover{opacity:1}.footer-divider{height:1px;background:var(--border);opacity:.2}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.footer-copyright{font-family:var(--font-body);font-size:11px;font-weight:400;color:var(--gray-500);opacity:.8}.footer-social{display:flex;gap:16px}.footer-social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:20px;border:1.5px solid var(--text-on-primary);color:var(--text-on-primary);opacity:.8;transition:opacity .2s}.footer-social-icon:hover{opacity:1}@media(min-width:640px){.footer{padding:40px;gap:32px}.footer-links{flex-direction:row;gap:48px}.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}@media(min-width:1024px){.footer-top{flex-direction:row;justify-content:space-between}}