@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@700;900&family=Fira+Code:wght@400;500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:#0a0a0a;color:#e0e0e0;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:#fff}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}.section{padding:6rem 10%}.section-title{font-size:2.5rem;margin-bottom:4rem;text-align:center;position:relative}.section-title:after{content:"";position:absolute;width:60px;height:4px;background:#a855f7;bottom:-12px;left:50%;transform:translate(-50%);border-radius:2px}.highlight{color:#a855f7}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a855f7}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 5%;height:100px;position:fixed;width:100%;top:0;z-index:1000;background:#0a0a0a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04);transition:all .3s cubic-bezier(.645,.045,.355,1)}.navbar.scrolled{background:#0a0a0aeb;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000004d}.nav-logo{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:900;letter-spacing:-1px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.nav-logo .logo-accent{color:#a855f7;position:relative}.nav-logo:hover{transform:scale(1.03)}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.nav-links li a{font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;color:#a0a0a0;text-decoration:none;padding:6px 2px;position:relative;transition:color .3s ease}.nav-links li a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#a855f7;transition:width .3s cubic-bezier(.645,.045,.355,1);border-radius:1px}.nav-links li a:hover{color:#a855f7}.nav-links li a:hover:after{width:100%}.nav-cta{display:inline-block;padding:10px 24px;font-family:Outfit,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase;color:#a855f7;border:1.5px solid #a855f7;border:5px;border-radius:6px;background:transparent;cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.645,.045,.355,1)}.nav-cta:hover{background:#a855f71f;box-shadow:0 0 20px #a855f726;transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;z-index:1001;padding:4px}.hamburger .bar{display:block;width:26px;height:2.5px;background:#fff;border-radius:2px;transition:all .35s cubic-bezier(.645,.045,.355,1);transform-origin:center}.hamburger.active .bar:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active .bar:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}@media(max-width:900px){.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:75%;max-width:320px;background:#171717;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;transition:right .4s cubic-bezier(.645,.045,.355,1);box-shadow:-10px 0 40px #0009;border-left:1px solid rgba(255,255,255,.06)}.nav-links.open{right:0}.nav-links li a{font-size:1.1rem;font-weight:600}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-overlay.visible{opacity:1;pointer-events:auto}}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 10%;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-10%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(168,85,247,.12) 0%,transparent 70%);z-index:0;filter:blur(60px);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-15%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(192,132,252,.06) 0%,transparent 70%);z-index:0;filter:blur(50px);pointer-events:none}.hero-content{flex:1;z-index:1;max-width:620px}.hero__subtitle{font-family:Outfit,sans-serif;font-size:1.15rem;color:#a855f7;margin-bottom:1rem;letter-spacing:.5px}.hero__title{font-family:Outfit,sans-serif;font-size:4.2rem;font-weight:900;line-height:1.1;margin-bottom:1rem;background:linear-gradient(to right,#fff,#a5a5a5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero__title .highlight{-webkit-text-fill-color:#a855f7}.hero__role{font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700;color:#a0a0a0;margin-bottom:1.5rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.hero__role .text-type{color:#e0e0e0}.hero__role .text-type__cursor{color:#a855f7}.hero__description{font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.65;color:#a0a0a0;max-width:500px;margin-bottom:2.5rem}.hero__buttons{display:flex;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.hero__btn-primary{display:inline-block;padding:13px 30px;font-family:Outfit,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.8px;text-transform:uppercase;color:#a855f7;border:2px solid #a855f7;border-radius:6px;background:transparent;cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.645,.045,.355,1)}.hero__btn-primary:hover{background:#a855f71f;box-shadow:0 0 24px #a855f72e;transform:translateY(-3px)}.hero__btn-secondary{display:inline-block;padding:13px 30px;font-family:Outfit,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.8px;text-transform:uppercase;color:#a0a0a0;background:transparent;border:none;cursor:pointer;text-decoration:none;transition:all .3s ease}.hero__btn-secondary:hover{color:#a855f7}.hero__socials{display:flex;gap:1.5rem}.hero__socials a{font-size:1.4rem;color:#a0a0a0;transition:all .3s ease}.hero__socials a:hover{color:#a855f7;transform:translateY(-3px)}.hero-visual{flex:.8;display:flex;justify-content:flex-end;z-index:1}.code-block-visual{background:#171717;padding:2rem;border-radius:50px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #00000080;font-family:Fira Code,JetBrains Mono,monospace;font-size:.88rem;color:#a5a5a5;transform:perspective(800px) rotateY(-20deg) rotateX(30deg);transition:all .5s cubic-bezier(.645,.045,.355,1);max-width:fit-content;white-space:pre;line-height:1.6}.code-block-visual:hover{transform:perspective(800px) rotateY(0) rotateX(0);border-color:#a855f74d}.code-block-visual .code-keyword{color:#c678dd}.code-block-visual .code-class{color:#e5c07b}.code-block-visual .code-func{color:#61afef}.code-block-visual .code-self{color:#e06c75}.code-block-visual .code-string{color:#98c379}.code-block-visual .code-list{color:#56b6c2}.code-block-visual .code-return{color:#c678dd}@media(max-width:900px){.hero{flex-direction:column;justify-content:center;text-align:center;padding:10rem 6%;gap:3rem}.hero-content{max-width:100%}.hero__title{font-size:3rem}.hero__role{justify-content:center;font-size:1.4rem}.hero__description{margin:0 auto 2.5rem}.hero__buttons,.hero__socials{justify-content:center}.hero-visual{width:100%;justify-content:center}.code-block-visual{transform:none;max-width:100%}}.about-section{padding:6rem 10%}.about-container{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center}.about-image{display:flex;justify-content:center}.about-image__frame{width:280px;height:280px;background:#171717;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:4.5rem;color:#a855f7;border:1px solid rgba(255,255,255,.06);position:relative;transition:all .4s cubic-bezier(.645,.045,.355,1)}.about-image__frame:after{content:"";position:absolute;width:100%;height:100%;border:2px solid #a855f7;top:18px;left:18px;border-radius:20px;z-index:-1;transition:all .4s cubic-bezier(.645,.045,.355,1)}.about-image:hover .about-image__frame:after{top:10px;left:10px}.about-image:hover .about-image__frame{border-color:#a855f74d}.about-text h3{font-family:Outfit,sans-serif;font-size:1.8rem;color:#fff;margin-bottom:1.5rem}.about-text p{font-family:Inter,sans-serif;font-size:1rem;color:#a0a0a0;line-height:1.7;margin-bottom:1.25rem}.about-stats{display:flex;gap:3rem;margin-top:2rem}.about-stat{display:flex;flex-direction:column}.about-stat__number{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;color:#a855f7}.about-stat__label{font-family:Inter,sans-serif;font-size:.88rem;color:#e0e0e0}@media(max-width:900px){.about-container{grid-template-columns:1fr;text-align:center;gap:2.5rem}.about-stats{justify-content:center}.about-image__frame{width:220px;height:220px}}.skills-section{padding:6rem 10%}.skills-grid-all{display:flex;flex-direction:column;gap:2.5rem}.skill-group-title{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:#a855f7;margin-bottom:1.2rem;letter-spacing:.5px}.skill-items{display:flex;flex-wrap:wrap;gap:.8rem}.skill-item{background:#171717;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.1rem 1.3rem;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.645,.045,.355,1)}.skill-item:hover{border-color:#a855f74d;transform:translate(6px);background:#1e1e1e}.skill-icon{width:40px;height:40px;border-radius:10px;background:#a855f71a;display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:#c084fc;flex-shrink:0;transition:all .35s ease}.skill-item:hover .skill-icon{background:linear-gradient(135deg,#a855f7,#c084fc);color:#fff;transform:scale(1.1)}.skill-name{font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;color:#e0e0e0;flex:1}.skill-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff08}.skill-fill{height:100%;background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:0 2px 2px 0}@media(max-width:768px){.skills-grid-all{grid-template-columns:1fr}}.project-card{background:#171717;border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.645,.045,.355,1);cursor:pointer}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000080;border-color:#a855f740}.project-card__image{height:210px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.645,.045,.355,1)}.project-card:hover .project-card__image img{transform:scale(1.06)}.project-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#ffffff26;background:#1e1e1e}.project-card__badge{position:absolute;top:12px;right:12px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:4px 10px;border-radius:20px;background:#a855f726;color:#a855f7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-card__content{padding:1.75rem}.project-card__title{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.6rem}.project-card__description{font-family:Inter,sans-serif;font-size:.92rem;line-height:1.55;color:#a0a0a0;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.project-card__tag{font-family:Fira Code,JetBrains Mono,monospace;font-size:.72rem;font-weight:500;color:#a855f7;padding:3px 10px;background:#a855f714;border-radius:20px;transition:all .3s ease}.project-card:hover .project-card__tag{background:#a855f724}.project-card__links{display:flex;gap:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.project-card__link{display:flex;align-items:center;gap:.45rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:#a0a0a0;text-decoration:none;transition:all .3s ease}.project-card__link:hover{color:#a855f7;transform:translate(2px)}.project-card__link svg{font-size:1rem}.experience-item{padding-left:48px;position:relative;margin-bottom:2.5rem}.experience-item__dot{position:absolute;left:12px;top:4px;width:16px;height:16px;border-radius:50%;background:#0a0a0a;border:2px solid #a855f7;z-index:2;transition:all .3s ease}.experience-item:hover .experience-item__dot{background:#a855f7;box-shadow:0 0 12px #a855f766}.experience-item__line{position:absolute;left:19px;top:22px;bottom:-2.5rem;width:2px;background:#ffffff14}.experience-item:last-child .experience-item__line{display:none}.experience-item__card{background:#171717;padding:1.75rem 2rem;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:all .35s cubic-bezier(.645,.045,.355,1)}.experience-item__card:hover{border-color:#a855f740;box-shadow:0 8px 30px #0000004d}.experience-item__date{display:inline-block;font-family:Fira Code,JetBrains Mono,monospace;font-size:.82rem;color:#a855f7;margin-bottom:.6rem;letter-spacing:.3px}.experience-item__role{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.25rem}.experience-item__company{font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;color:#e0e0e0;margin-bottom:.75rem}.experience-item__description{font-family:Inter,sans-serif;font-size:.9rem;line-height:1.6;color:#a0a0a0;margin-bottom:0}.experience-item__tech{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.experience-item__tech-tag{font-family:Fira Code,JetBrains Mono,monospace;font-size:.7rem;color:#c084fc;padding:3px 8px;background:#c084fc14;border-radius:4px;transition:all .25s ease}.experience-item__card:hover .experience-item__tech-tag{background:#c084fc24}@media(max-width:768px){.experience-item{padding-left:40px}.experience-item__card{padding:1.25rem 1.5rem}.experience-item__role{font-size:1.1rem}}.contact-section{padding:6rem 10%}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;background:#171717;padding:3.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.contact-info h3{font-family:Outfit,sans-serif;font-size:1.8rem;color:#fff;margin-bottom:1.25rem}.contact-info p{font-family:Inter,sans-serif;color:#a0a0a0;line-height:1.65;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-detail{display:flex;align-items:center;gap:.85rem;font-family:Inter,sans-serif;font-size:1rem;color:#e0e0e0}.contact-detail svg{font-size:1.15rem;color:#a855f7;flex-shrink:0}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.contact-form input,.contact-form textarea{width:100%;padding:.9rem 1rem;background:#0a0a0a;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:6px;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .3s ease;outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6b6b6b}.contact-form input:focus,.contact-form textarea:focus{border-color:#a855f7}.contact-form textarea{resize:vertical;min-height:130px}.contact-form__btn{display:inline-block;padding:13px 30px;font-family:Outfit,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.8px;text-transform:uppercase;color:#a855f7;border:2px solid #a855f7;border-radius:6px;background:transparent;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);align-self:flex-start}.contact-form__btn:hover{background:#a855f71f;box-shadow:0 0 20px #a855f726;transform:translateY(-2px)}.contact-form__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-form__btn--success{border-color:#a855f7;background:#a855f71a}.contact-form__btn--error{border-color:#ff4d4d;color:#ff4d4d}@media(max-width:900px){.contact-container{grid-template-columns:1fr;padding:2rem;gap:2.5rem}}.site-footer{text-align:center;padding:2rem 10%;border-top:1px solid rgba(255,255,255,.05)}.site-footer p{font-family:Inter,sans-serif;font-size:.88rem;color:#a0a0a0}.site-footer .footer-heart{color:#a855f7;margin:0 3px}.preloader{position:fixed;inset:0;z-index:99999;background:#0a0a0a;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease}.preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}.preloader-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.preloader-logo{font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:900;color:#fff;letter-spacing:-1px}.preloader-bracket{color:#a855f7}.preloader-bar{width:120px;height:3px;background:#1e1e1e;border-radius:2px;overflow:hidden}.preloader-fill{height:100%;background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:2px;animation:preloaderSlide 1.2s ease-in-out infinite}@keyframes preloaderSlide{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem}.timeline{max-width:800px;margin:0 auto;position:relative}@media(max-width:768px){.section{padding:4rem 6%}.section-title{font-size:2rem;margin-bottom:3rem}.projects-grid{grid-template-columns:1fr;gap:2rem}}