@charset "UTF-8";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--nav-height:70px;--primary:#0066ff;--primary-dark:#0052cc;--accent:#00d4ff;--bg-dark:#0a192f;--bg-darker:#020c1b;--text-primary:#ccd6f6;--text-secondary:#8892b0;--text-muted:#495670;--green:#64ffda;--navy-shadow:rgba(2, 12, 27, 0.7)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-moz-selection{background-color:rgba(0,212,255,.3)}::selection{background-color:rgba(0,212,255,.3)}a{text-decoration:none;color:inherit;-webkit-transition:all .3s ease;transition:all .3s ease}img{max-width:100%;height:auto}.btn{display:inline-block;padding:12px 28px;border-radius:4px;font-weight:500;font-size:14px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid transparent}.btn--primary{background-color:transparent;border-color:var(--accent);color:var(--accent)}.btn--primary:hover{background-color:rgba(0,212,255,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn--outline{background-color:transparent;border-color:var(--text-secondary);color:var(--text-secondary)}.btn--outline:hover{border-color:var(--accent);color:var(--accent);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn--large{padding:18px 50px;font-size:16px}.section-number{font-family:Inconsolata,monospace;font-size:20px;color:var(--accent);margin-right:10px}.section-title{font-size:clamp(26px,5vw,32px);font-weight:600;color:var(--text-primary);white-space:nowrap}.section-line{-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;background:var(--text-muted);margin-left:20px;max-width:300px}.container{max-width:1200px;margin:0 auto;padding:0 50px}@media (max-width:768px){.container{padding:0 25px}}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:rgba(10,25,47,.85);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(0,212,255,.1)}.nav__container{max-width:1200px;margin:0 auto;padding:0 50px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:768px){.nav__container{padding:0 25px}}.nav__logo{font-size:24px;font-weight:700;color:var(--accent);font-family:Inconsolata,monospace}.nav__links{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;gap:40px}@media (max-width:768px){.nav__links{display:none}}.nav__links a{color:var(--text-secondary);font-size:16px;font-family:Inconsolata,monospace}.nav__links a:hover{color:var(--accent)}.nav__resume{padding:10px 20px;border:1px solid var(--accent);border-radius:4px;color:var(--accent);font-size:13px;font-family:Inconsolata,monospace;-webkit-transition:all .3s ease;transition:all .3s ease}.nav__resume:hover{background:rgba(0,212,255,.1)}.main{margin-top:var(--nav-height)}.hero-section{min-height:calc(100vh - var(--nav-height));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 50px;max-width:1200px;margin:0 auto}@media (max-width:768px){.hero-section{padding:0 25px;min-height:auto;padding-top:80px;padding-bottom:50px}}.hero-section__content{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}@media (max-width:968px){.hero-section__content{grid-template-columns:1fr;gap:40px}}.hero-section__text{-webkit-animation:fadeInUp .6s ease;animation:fadeInUp .6s ease}.hero-section__greeting{color:var(--accent);font-family:Inconsolata,monospace;font-size:18px;margin-bottom:20px}.hero-section__name{font-size:clamp(40px,8vw,80px);font-weight:700;color:var(--text-primary);margin-bottom:10px;line-height:1.1}.hero-section__role{font-size:clamp(24px,5vw,56px);font-weight:600;color:var(--text-secondary);margin-bottom:30px;line-height:1.1}.hero-section__description{font-size:18px;color:var(--text-secondary);line-height:1.6;max-width:540px;margin-bottom:40px}.hero-section__description strong{color:var(--text-primary)}@media (max-width:768px){.hero-section__description{font-size:16px}}.hero-section__actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:60px;-ms-flex-wrap:wrap;flex-wrap:wrap}.hero-section__social{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--text-muted);font-size:14px}.hero-section__social a{color:var(--text-secondary);font-family:Inconsolata,monospace}.hero-section__social a:hover{color:var(--accent)}.hero-section__visual{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative;padding-top:20px}@media (max-width:968px){.hero-section__visual{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:40px;padding-top:0}}.hero-section__image-wrapper{position:relative;width:100%;max-width:500px}@media (max-width:968px){.hero-section__image-wrapper{max-width:380px}}.hero-section__image-mask{position:relative;width:100%;max-width:400px;aspect-ratio:1;border-radius:50%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2;border:3px solid rgba(0,212,255,.2);-webkit-box-shadow:0 20px 60px rgba(0,0,0,.3);box-shadow:0 20px 60px rgba(0,0,0,.3)}@media (max-width:968px){.hero-section__image-mask{max-width:300px}}.hero-section__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 15%;object-position:center 15%;display:block;border-radius:50%;-webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1)}.hero-section__image-wrapper:hover .hero-section__image{-webkit-transform:scale(1.05);transform:scale(1.05)}.code-window{background:var(--bg-darker);border:1px solid rgba(0,212,255,.2);border-radius:8px;width:100%;max-width:500px;overflow:hidden;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.3);box-shadow:0 20px 60px rgba(0,0,0,.3)}.code-window__header{background:rgba(0,0,0,.3);padding:12px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;border-bottom:1px solid rgba(0,212,255,.1)}.code-window__dot{width:12px;height:12px;border-radius:50%;background:var(--text-muted)}.code-window__dot:nth-child(1){background:#ff5f56}.code-window__dot:nth-child(2){background:#ffbd2e}.code-window__dot:nth-child(3){background:#27c93f}.code-window__content{padding:30px;font-family:Inconsolata,monospace;font-size:14px;line-height:1.8}.code-window__content pre{margin:0;overflow-x:auto}.code-window__content code{color:var(--text-primary)}.code-window__content code .code-keyword{color:#c792ea}.code-window__content code .code-variable{color:#82aaff}.code-window__content code .code-property{color:#7fdbca}.code-window__content code .code-string{color:#c3e88d}.code-window__content code .code-boolean{color:#ff5370}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.about-section{padding:100px 0;max-width:1200px;margin:0 auto}@media (max-width:768px){.about-section{padding:80px 0}}.about-section__container{padding:0 50px}@media (max-width:768px){.about-section__container{padding:0 25px}}.about-section__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:60px}.about-section__header .section-title{margin:0 20px 0 0}.about-section__content{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}@media (max-width:968px){.about-section__content{grid-template-columns:1fr;gap:40px}}.about-section__text p{color:var(--text-secondary);font-size:17px;line-height:1.7;margin-bottom:20px}.about-section__text p strong{color:var(--text-primary)}.about-section__image{position:relative}@media (max-width:968px){.about-section__image{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;max-width:100%;margin:0 auto}}.tech-list{display:grid;grid-template-columns:repeat(2,minmax(140px,200px));gap:10px;list-style:none;margin-top:20px}.tech-list li{color:var(--text-secondary);font-size:14px;font-family:Inconsolata,monospace;position:relative;padding-left:20px}.tech-list li::before{content:"▹";position:absolute;left:0;color:var(--accent)}.experience-section{padding:100px 0;max-width:1200px;margin:0 auto}@media (max-width:768px){.experience-section{padding:80px 0}}.experience-section__container{padding:0 50px}@media (max-width:768px){.experience-section__container{padding:0 25px}}.experience-section__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:50px}.experience-section__header .section-title{margin:0 20px 0 0}.experience-section__content{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;gap:50px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}@media (max-width:768px){.experience-section__content{grid-template-columns:1fr;gap:30px}}.experience-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:2px solid rgba(0,212,255,.1);min-width:150px}@media (max-width:768px){.experience-tabs{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow-x:auto;border-left:none;border-bottom:2px solid rgba(0,212,255,.1);min-width:100%;padding-bottom:0;margin-bottom:20px}}.experience-tab{background:0 0;border:none;padding:12px 20px 12px 20px;text-align:left;color:var(--text-muted);font-family:Inconsolata,monospace;font-size:13px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border-left:2px solid transparent;white-space:nowrap;position:relative}@media (max-width:768px){.experience-tab{border-left:none;border-bottom:2px solid transparent;padding:12px 16px}}.experience-tab:hover{color:var(--accent);background:rgba(0,212,255,.05)}.experience-tab.active{color:var(--accent);border-left-color:var(--accent);background:rgba(0,212,255,.08)}@media (max-width:768px){.experience-tab.active{border-left:none;border-bottom-color:var(--accent);background:rgba(0,212,255,.08)}}.experience-panels{position:relative;min-height:200px}.experience-panel{display:none;-webkit-animation:fadeIn .5s ease;animation:fadeIn .5s ease}.experience-panel.active{display:block}.experience-panel__title{font-size:22px;font-weight:600;margin-bottom:10px;line-height:1.3}.experience-panel__position{color:var(--text-primary);display:block;margin-bottom:5px}.experience-panel__company{color:var(--accent);font-weight:500}.experience-panel__company a{color:var(--accent);text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease}.experience-panel__company a:hover{color:var(--primary)}.experience-panel__time{color:var(--text-muted);font-family:Inconsolata,monospace;font-size:13px;margin-bottom:20px;margin-top:10px}.experience-panel__description{list-style:none;padding:0;margin:0}.experience-panel__description li{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:12px;padding-left:25px;position:relative}.experience-panel__description li::before{content:"▹";position:absolute;left:0;color:var(--accent);font-size:18px;line-height:1.5}.experience-panel__description li:last-child{margin-bottom:0}@-webkit-keyframes fadeIn{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.projects-section{padding:100px 0;max-width:1200px;margin:0 auto}@media (max-width:768px){.projects-section{padding:80px 0}}.projects-section__container{padding:0 50px}@media (max-width:768px){.projects-section__container{padding:0 25px}}.projects-section__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:60px}.projects-section__header .section-title{margin:0 20px 0 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--bg-darker);border:1px solid rgba(0,212,255,.1);border-radius:8px;padding:30px;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.project-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);border-color:rgba(0,212,255,.3);-webkit-box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:0 10px 30px rgba(0,0,0,.3)}.project-card__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-bottom:20px}.project-card__link{color:var(--accent);opacity:.7;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-ms-flex-negative:0;flex-shrink:0;margin-left:10px}.project-card__link:hover{opacity:1}.project-card__title{font-size:22px;font-weight:600;color:var(--accent);margin:0}.project-card__description{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:25px;-webkit-box-flex:1;-ms-flex:1;flex:1}.project-card__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;list-style:none;margin-top:auto}.project-card__tags li{color:var(--accent);font-size:13px;font-family:Inconsolata,monospace;font-weight:500;padding:6px 12px;background:rgba(0,212,255,.15);border-radius:4px;border:1px solid rgba(0,212,255,.3);-webkit-transition:all .2s ease;transition:all .2s ease}.project-card__tags li:hover{background:rgba(0,212,255,.25);border-color:rgba(0,212,255,.5);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.contact-section{padding:100px 0;max-width:600px;margin:0 auto;text-align:center}@media (max-width:768px){.contact-section{padding:80px 0}}.contact-section__container{padding:0 50px}@media (max-width:768px){.contact-section__container{padding:0 25px}}.contact-section .section-number{display:block;margin-bottom:10px}.contact-section .section-title{margin-bottom:20px}.contact-section__text{color:var(--text-secondary);font-size:18px;line-height:1.7;margin-bottom:50px}.footer{padding:60px 0 40px;text-align:center;border-top:1px solid rgba(0,212,255,.1);margin-top:100px}.footer__container{max-width:1200px;margin:0 auto;padding:0 50px}@media (max-width:768px){.footer__container{padding:0 25px}}.footer__social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:20px;margin-bottom:30px}.footer__social-link{color:var(--text-muted);-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,212,255,.2);background:rgba(0,212,255,.05)}.footer__social-link svg{width:18px;height:18px}.footer__social-link:hover{color:var(--accent);border-color:var(--accent);background:rgba(0,212,255,.15);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.footer p{color:var(--text-muted);font-size:14px;font-family:Inconsolata,monospace;margin:5px 0}.footer__year{color:var(--text-secondary)}.not-found{width:100%;height:100vh!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding:0 20px}.not-found .name{position:absolute;top:25px;left:30px;font-weight:700;color:var(--accent);font-size:1.5rem}@media (max-width:480px){.not-found .name{top:20px;left:25px;font-size:1.25rem}}.not-found h1{font-size:4rem;margin:10px 0;color:var(--text-primary)}.not-found h2{font-size:1.5rem;color:var(--text-secondary)}@media (max-width:480px){.not-found h2{font-size:1.25rem}}@media (max-width:360px){.not-found h2{font-size:1.1rem}}.not-found a{font-weight:700;color:var(--accent)!important;position:relative;display:inline-block}.not-found a:after{position:absolute;top:100%;left:0;width:100%;height:3px;background:var(--accent);content:"";opacity:0;-webkit-transition:height .3s,opacity .3s,-webkit-transform .3s;transition:height .3s,opacity .3s,-webkit-transform .3s;transition:height .3s,opacity .3s,transform .3s;transition:height .3s,opacity .3s,transform .3s,-webkit-transform .3s;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.not-found a:focus:after,.not-found a:hover:after{height:3px;opacity:1;-webkit-transform:translateY(-5px);transform:translateY(-5px)}