.hero{min-height:100vh;padding-top:var(--nav-height);z-index:1;align-items:center;display:flex;position:relative;overflow:hidden}.hero__container{opacity:0;will-change:opacity, transform;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(30px)}.hero__container.hero--visible{opacity:1;transform:translateY(0)}.hero__content{flex-direction:column;gap:2rem;display:flex}.hero__content>*{opacity:0;transition:opacity 3.5s cubic-bezier(.16,1,.3,1),transform 3s cubic-bezier(.16,1,.3,1);transform:translateY(2rem)}.hero__container.hero--visible .hero__content>:first-child{opacity:1;transition-delay:.1s;transform:translateY(0)}.hero__container.hero--visible .hero__content>:nth-child(2){opacity:1;transition-delay:.2s;transform:translateY(0)}.hero__container.hero--visible .hero__content>:nth-child(3){opacity:1;transition-delay:.3s;transform:translateY(0)}.hero__container.hero--visible .hero__content>:nth-child(4){opacity:1;transition-delay:.4s;transform:translateY(0)}.hero__title{letter-spacing:-.02rem;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:900;line-height:1.1}.hero__description{color:var(--text-secondary);font-size:1.15rem}.hero__buttons{gap:1rem;display:flex}.hero__statistics{opacity:0;gap:2rem;transition:opacity 1s cubic-bezier(.16,1,.3,1) .5s,transform 1s cubic-bezier(.16,1,.3,1) .5s;display:flex;transform:translateY(20px)}.hero__container.hero--visible .hero__statistics{opacity:1;transform:translateY(0)}.stat{flex-direction:column;gap:.5rem;display:flex}.stat__number{font-size:1.5rem;font-weight:700}.stat__label{color:var(--text-secondary);font-size:.875rem}.arrow{color:var(--text-secondary);opacity:.8;animation:2s ease-in-out infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.arrow svg{width:24px;height:24px}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-10px)}60%{transform:translate(-50%)translateY(-5px)}}.hero__code__window{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform;flex-direction:column;transition:all .6s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(2deg);box-shadow:0 20px 40px -10px #0000004d}.light .hero__code__window{box-shadow:var(--shadow-lg)}.hero__code__window:hover{border-color:var(--purple-900);transform:perspective(1000px)rotateY(0)rotateX(0)scale(1.02)}.code__header{border-bottom:1px solid var(--border-color);background:#0003;align-items:center;gap:8px;padding:14px 18px;display:flex}.light .code__header{background:linear-gradient(#f7f4fdf5,#eee7f9e6)}.hero__code-dot{border-radius:50%;width:12px;height:12px}.hero__code-dot--red{background:#ff5f57}.hero__code-dot--yellow{background:#febc2e}.hero__code-dot--green{background:#28c840}.code__filename{color:var(--text-secondary);opacity:.8;margin-left:.5rem;font-size:.875rem}.code__content{background:0 0;margin:0;padding:1.5rem;font-family:Consolas,Monaco,monospace;font-size:.95rem;line-height:1.5}@media (max-width:1024px){.hero__container{text-align:center;grid-template-columns:1fr;gap:3rem}.hero__content{align-items:center}.hero__buttons,.hero__statistics{justify-content:center}.hero__code__window{max-width:500px;margin:0 auto;transform:none}.hero__code__window:hover{transform:scale(1.02)}}@media (max-width:768px){.hero{min-height:auto;padding-top:calc(var(--nav-height) + 2rem);padding-bottom:4rem}.hero__container{gap:2rem}.hero__title{font-size:clamp(2rem,8vw,2.75rem)}.hero__description{font-size:1rem}.hero__buttons{flex-direction:column;width:100%;max-width:320px}.hero__buttons .btn{justify-content:center;width:100%}.hero__statistics{flex-wrap:wrap;gap:1.5rem}.hero__visuals,.arrow{display:none}}@media (max-width:480px){.hero__statistics{flex-direction:column;align-items:center;gap:1rem}.stat{text-align:center;align-items:center}}.light .hero__code__window:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow-strong)}
.portfolio__grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.portfolio__card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;min-width:360px;transition:var(--transition-smooth-fast);overflow:hidden}.light .portfolio__card{box-shadow:var(--shadow-sm)}.portfolio__card:hover{box-shadow:var(--shadow-glow);border-color:var(--border-hover);transform:translateY(-5px)}.portfolio__image{-o-object-fit:cover;object-fit:cover;height:220px;position:relative}.portfolio__card-image--1{background-color:#0000;background-image:radial-gradient(circle at 30%,#8b46ff33 0%,#0000 50%),radial-gradient(circle at 70% 30%,#a374ff26 0%,#0000 40%),linear-gradient(135deg,#2d1b69 0%,#1a0a3e 50%,#0f0628 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.light .portfolio__card-image--1{background:radial-gradient(circle at 30%,#8b46ff29 0%,#0000 50%),radial-gradient(circle at 70% 30%,#6d14e31f 0%,#0000 42%),linear-gradient(135deg,#fbf9ff 0%,#eee7fa 52%,#f7f3ff 100%)}.portfolio__badge{position:absolute;top:1rem;right:1rem}.portfolio__content{padding:1.5rem}.portfolio__title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.portfolio__desc{color:var(--text-secondary);margin-top:.5rem;font-size:.837rem}.portfolio__technologies{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.portfolio__tech{color:var(--text-muted);padding:.3rem .8rem!important;font-size:.75rem!important}@media (max-width:1024px){.portfolio__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.portfolio__card{min-width:0}}@media (max-width:768px){.portfolio__grid{grid-template-columns:1fr;gap:1.5rem;max-width:500px;margin:0 auto;padding:0 1rem}.portfolio__card{min-width:0}.portfolio__image{height:180px}}@media (max-width:480px){.portfolio__image{height:160px}.portfolio__content{padding:1.25rem}}
.home-preview{padding-top:60px!important}.home-preview__cta{justify-content:center;margin-top:3rem;display:flex}.portfolio__image--placeholder{background:linear-gradient(135deg,#8b46ff14 0%,#11111899 100%);justify-content:center;align-items:center;min-height:200px;display:flex;position:relative}.light .portfolio__image--placeholder{background:radial-gradient(circle at 24% 26%,#8b46ff24,#0000 34%),radial-gradient(circle at 78% 18%,#6d14e31a,#0000 32%),linear-gradient(135deg,#fbf9ff 0%,#eee7fa 100%)}.portfolio__placeholder-inner{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.light .portfolio__placeholder-inner{color:#6d14e35c}.home-cta-banner{z-index:1;padding:80px 0;position:relative}.home-cta-banner__inner{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#8b46ff1a 0%,#6d14e314 100%);border:1px solid #8b46ff33;justify-content:space-between;align-items:center;gap:2rem;padding:3rem 3.5rem;display:flex}.light .home-cta-banner__inner{border-color:var(--border-color);box-shadow:var(--shadow-md);background:radial-gradient(circle at 12% 20%,#8b46ff1f,#0000 34%),linear-gradient(135deg,#ffffffdb,#f3edfce0)}.home-cta-banner__title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.home-cta-banner__desc{color:var(--text-secondary);font-size:1rem}@media (max-width:768px){.home-cta-banner__inner{text-align:center;flex-direction:column;padding:2.5rem 2rem}}@media (max-width:480px){.home-cta-banner{padding:60px 0}.home-cta-banner__inner{padding:2rem 1.5rem}}