@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600;700&display=swap";@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:62.5%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08080f;color:#c8cdd6;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;font-size:1.6rem}::selection{background:#00ff8826;color:#fff}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}h1,h2,h3,h4,h5{color:#fff;line-height:1.2;font-weight:800}.section-label{font-family:JetBrains Mono,Fira Code,monospace;font-size:1.2rem;color:#0f8;text-transform:uppercase;letter-spacing:3px;margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.section-label:before{content:"";width:2rem;height:2px;background:#0f8}.section-heading{font-size:clamp(2.8rem,4vw,4.2rem);margin-bottom:1.5rem}.section-heading span{color:#0f8}.container{max-width:110rem;margin:0 auto}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .8s ease-out,transform .8s ease-out}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .8s ease-out,transform .8s ease-out}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:opacity .7s ease-out,transform .7s ease-out}.reveal-scale.visible{opacity:1;transform:scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.btn{display:inline-flex;align-items:center;gap:8px;padding:1.4rem 2.8rem;border-radius:50px;font-weight:600;font-size:1.5rem;cursor:pointer;transition:all .3s;border:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.btn--primary{background:#0f8;color:#08080f;box-shadow:0 4px 20px #00ff8826}.btn--primary:hover{box-shadow:0 6px 30px #00ff884d;transform:translateY(-2px)}.btn--outline{background:#0000;color:#fff;border:2px solid hsla(0,0%,100%,.06)}.btn--outline:hover{border-color:#0f8;color:#0f8;transform:translateY(-2px)}.btn--ghost{background:#0000;color:#0f8;font-size:1.4rem;font-weight:600;padding:0;display:inline-flex;align-items:center;gap:6px;transition:gap .3s}.btn--ghost:hover{gap:12px}.btn--ghost svg{width:16px;height:16px}.btn--submit{width:100%;padding:1.5rem;background:#0f8;color:#08080f;border:none;border-radius:50px;font-weight:700;font-size:1.5rem;cursor:pointer;transition:all .3s}.btn--submit:hover{box-shadow:0 0 30px #00ff884d;transform:translateY(-1px)}.card{background:#0e0e1a;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:2.5rem;transition:all .4s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0f8,#00e5ff);transform:scaleX(0);transform-origin:left;transition:transform .4s}.card:hover:before{transform:scaleX(1)}.card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0006,0 0 30px #00ff8826;border-color:#00ff8826}.card__icon{width:56px;height:56px;border-radius:14px;background:#00ff8826;display:flex;align-items:center;justify-content:center;font-size:2.4rem;margin-bottom:1.5rem}.card__heading{color:#fff;font-size:1.8rem;margin-bottom:.8rem}.card__text{color:#7a8290;font-size:1.4rem;margin-bottom:1.5rem;line-height:1.6}.card__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media only screen and (max-width: 56.25em){.card__grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 37.5em){.card__grid{grid-template-columns:1fr}}.form{background:#0e0e1a;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:2.5rem}.form__group{margin-bottom:1.5rem}.form__label{display:block;color:#c8cdd6;font-size:1.3rem;font-weight:500;margin-bottom:.5rem}.form__input{width:100%;padding:1.2rem 1.6rem;background:#ffffff08;border:1px solid hsla(0,0%,100%,.06);border-radius:10px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.4rem;transition:all .3s;resize:vertical}.form__input:focus{outline:none;border-color:#0f8;box-shadow:0 0 0 3px #00ff8826}.form__textarea{min-height:12rem}.project__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.project__card{background:#0e0e1a;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;overflow:hidden;transition:all .4s}.project__card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0006,0 0 0 1px #00ff8826}.project__img{width:100%;height:220px;object-fit:cover;border-bottom:1px solid hsla(0,0%,100%,.06)}.project__body{padding:2rem}.project__title{color:#fff;font-size:1.8rem;margin-bottom:.5rem}.project__text{color:#7a8290;font-size:1.3rem;margin-bottom:1rem;line-height:1.5}.project__tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.project__tag{font-size:1.1rem;padding:4px 12px;border-radius:50px;color:#0f8;background:#00ff8826;font-family:JetBrains Mono,Fira Code,monospace}@media only screen and (max-width: 56.25em){.project__grid{grid-template-columns:1fr}}.testimonial__track{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:1.5rem}.testimonial__card{background:#0e0e1a;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:2.5rem;position:relative}.testimonial__card:before{content:'"';position:absolute;top:1.5rem;right:2rem;font-size:5rem;color:#00ff8826;font-family:Georgia,serif;line-height:1}.testimonial__text{color:#c8cdd6;font-size:1.4rem;line-height:1.7;margin-bottom:1.5rem;font-style:italic;word-wrap:break-word;overflow-wrap:break-word}.testimonial__author{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.06)}.testimonial__avatar{width:42px;height:42px;border-radius:50%;background:#00ff8826;display:flex;align-items:center;justify-content:center;color:#0f8;font-weight:700;font-size:1.5rem;flex-shrink:0}.testimonial__name{color:#fff;font-weight:600;font-size:1.3rem}.testimonial__role{color:#7a8290;font-size:1.1rem}.footer{position:relative;z-index:1;padding:4rem 2rem;border-top:1px solid hsla(0,0%,100%,.06);text-align:center}.footer__links{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.footer__link{color:#7a8290;font-size:1.4rem;transition:color .3s}.footer__link:hover{color:#0f8}.footer__social{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem}.footer__social-link{width:44px;height:44px;border-radius:50%;background:#0e0e1a;border:1px solid hsla(0,0%,100%,.06);display:flex;align-items:center;justify-content:center;transition:all .3s}.footer__social-link svg{width:20px;height:20px}.footer__social-link:hover{border-color:#00ff8826;box-shadow:0 0 15px #00ff8826;transform:translateY(-2px)}.footer__copy{color:#7a8290;font-size:1.2rem}.footer__copy .heart{color:#0f8}.header{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative;z-index:1}.header__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.header__content h1{font-size:clamp(3rem,5vw,4.8rem);line-height:1.15;margin-bottom:1.5rem}.header__content h1 .accent{color:#0f8}.header__content p{font-size:1.6rem;color:#7a8290;margin-bottom:2.5rem;max-width:45rem}.header__terminal{background:#0e0e1a;border:1px solid hsla(0,0%,100%,.06);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #00ff8826}.header__terminal-bar{background:#ffffff08;padding:1rem 1.6rem;display:flex;gap:8px;border-bottom:1px solid hsla(0,0%,100%,.06)}.header__terminal-dot{width:10px;height:10px;border-radius:50%}.header__terminal-dot:nth-child(1){background:#ff5f57}.header__terminal-dot:nth-child(2){background:#febc2e}.header__terminal-dot:nth-child(3){background:#28c840}.header__terminal-body{padding:2.4rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.3rem;color:#7a8290;min-height:14rem}.header__terminal-body .prompt{color:#0f8}.header__terminal-body .cursor{display:inline-block;width:8px;height:16px;background:#0f8;animation:blink 1s infinite;vertical-align:text-bottom;margin-left:2px}.header__terminal-body .output{color:#c8cdd6;margin-top:8px}.header__terminal-body .highlight{color:#00e5ff}.header__buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.header__stats{display:flex;gap:3rem;margin-top:3rem;padding-top:2.5rem;border-top:1px solid hsla(0,0%,100%,.06)}.header__stat{text-align:center}.header__stat .number{font-size:2.8rem;font-weight:800;color:#0f8;display:block;line-height:1}.header__stat .label{font-size:1.2rem;color:#7a8290;margin-top:4px}@media only screen and (max-width: 56.25em){.header__grid{grid-template-columns:1fr;gap:3rem}.header__terminal{max-width:50rem;margin:0 auto}}@media only screen and (max-width: 37.5em){.header__terminal{display:none}.header__buttons{flex-direction:column}}.navigation-bar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;background:#08080f;border-bottom:1px solid rgba(0,255,136,.15);display:flex;align-items:center;justify-content:space-between}.navigation-bar__logo{font-size:2rem;font-weight:800;color:#0f8;display:flex;align-items:center;gap:8px}.navigation-bar__logo-svg{width:28px;height:28px}.navigation-bar__list{display:flex;gap:2.5rem}.navigation-bar__list__link{color:#c8cdd6;font-size:1.4rem;position:relative;padding:4px 0;transition:color .3s}.navigation-bar__list__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#0f8;transition:width .3s}.navigation-bar__list__link:hover{color:#0f8}.navigation-bar__list__link:hover:after{width:100%}.navigation-bar__cta{background:#0f8!important;color:#08080f!important;padding:8px 20px!important;border-radius:50px;font-weight:600!important}.navigation-bar__cta:after{display:none!important}.navigation-bar__cta:hover{box-shadow:0 0 30px #00ff884d;transform:translateY(-1px)}.navigation-bar__icon{display:none;cursor:pointer;z-index:1002;width:28px;height:28px;background:none;border:none;padding:0;position:relative;flex-direction:column;justify-content:center;gap:5px}.navigation-bar__icon span{display:block;width:100%;height:2px;background:#0f8;border-radius:2px;transition:all .3s;transform-origin:center}.navigation-bar__icon.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navigation-bar__icon.active span:nth-child(2){opacity:0;transform:scaleX(0)}.navigation-bar__icon.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media only screen and (max-width: 56.25em){.navigation-bar__list{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#08080ffa;flex-direction:column;align-items:center;justify-content:center;gap:3.5rem;z-index:1001}.navigation-bar__list.open{display:flex}.navigation-bar__list .navigation-bar__list__link{font-size:2rem}.navigation-bar__icon{display:block}}#particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.4}.cursor-glow{position:fixed;width:400px;height:400px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(0,255,136,.04) 0%,transparent 70%);transform:translate(-50%,-50%);transition:opacity .3s}section{padding:10rem 2rem;position:relative;z-index:1}.section-about-me{background:#ffffff02}.section-about-me__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.section-about-me__image-wrap{position:relative}.section-about-me__image{width:100%;border-radius:16px;border:1px solid hsla(0,0%,100%,.06);filter:grayscale(20%)}.section-about-me__image-glow{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:16px;background:linear-gradient(135deg,#0f8,#00e5ff);z-index:-1;opacity:.3;filter:blur(20px)}.section-about-me__features{display:flex;flex-direction:column;gap:1.2rem}.section-about-me__feature{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem;border-radius:10px;background:#0e0e1a;border:1px solid hsla(0,0%,100%,.06);transition:all .3s}.section-about-me__feature:hover{border-color:#00ff8826;transform:translate(4px)}.section-about-me__feature-icon{width:44px;height:44px;border-radius:12px;background:#00ff8826;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.8rem}.section-about-me__feature-title{color:#fff;font-size:1.5rem;margin-bottom:4px}.section-about-me__feature-text{color:#7a8290;font-size:1.3rem;line-height:1.5}.section-skills{background:#ffffff01}.section-skills__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.section-skills__item{background:#0e0e1a;border:1px solid hsla(0,0%,100%,.06);border-radius:10px;padding:2rem}.section-skills__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.section-skills__name{color:#fff;font-weight:600;font-size:1.4rem;display:flex;align-items:center;gap:8px}.section-skills__name .dot{width:8px;height:8px;border-radius:50%;background:#0f8;box-shadow:0 0 8px #00ff884d}.section-skills__percent{color:#0f8;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.3rem}.section-skills__bar{height:6px;background:#ffffff0a;border-radius:10px;overflow:hidden}.section-skills__fill{height:100%;background:linear-gradient(90deg,#0f8,#00e5ff);border-radius:10px;width:0;transition:width 1.5s ease-out}.section-testimonials{background:#ffffff02}.section-contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.section-contact__info h3{font-size:2rem;margin-bottom:1rem}.section-contact__info p{color:#7a8290;margin-bottom:2.5rem;font-size:1.5rem}.section-contact__methods{display:flex;flex-direction:column;gap:1rem}.section-contact__method{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:10px;background:#0e0e1a;border:1px solid hsla(0,0%,100%,.06);transition:all .3s}.section-contact__method:hover{border-color:#00ff8826;transform:translate(4px)}.section-contact__method-icon{width:40px;height:40px;border-radius:10px;background:#00ff8826;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.section-contact__method-label{color:#fff;display:block;font-weight:600;font-size:1.4rem}.section-contact__method-value{font-size:1.2rem;color:#7a8290}@media only screen and (max-width: 56.25em){.section-about-me__grid,.section-contact__grid{grid-template-columns:1fr;gap:3rem}.section-skills__grid{grid-template-columns:1fr}}
