.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--background)}.hero__background{position:absolute;inset:0;z-index:0}.hero__gradient{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(59,130,246,.1) 0,transparent 50%)}.hero__circles{position:absolute;inset:0;overflow:hidden}.hero__circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.1) 0,transparent 70%);animation:float 20s ease-in-out infinite}.hero__circle--1{width:400px;height:400px;top:-100px;right:-100px;animation-delay:0s}.hero__circle--2{width:300px;height:300px;bottom:-50px;left:-50px;animation-delay:5s;animation-duration:25s}.hero__circle--3{width:200px;height:200px;top:50%;left:30%;animation-delay:10s;animation-duration:30s}.hero__container{position:relative;z-index:1;width:100%}.hero__content{max-width:800px;margin:0 auto;text-align:center;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.hero__content--visible{opacity:1;transform:translateY(0)}.hero__badge{display:inline-block;margin-bottom:24px}.hero__badge-text{display:inline-block;padding:6px 16px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:50px;font-size:14px;font-weight:500;color:var(--primary)}.hero__title{font-size:56px;font-weight:700;line-height:1.2;margin-bottom:24px;color:var(--foreground)}@media(max-width:768px){.hero__title{font-size:36px}}.hero__name{background:linear-gradient(135deg,var(--primary),#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__subtitle{font-size:18px;line-height:1.6;color:var(--foreground-secondary);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero__buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero__btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:50px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.hero__btn--primary{background:var(--primary);color:#fff}.hero__btn--primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 20px rgba(59,130,246,.3)}.hero__btn--secondary{background:var(--button-background);color:var(--foreground);border:1px solid var(--card-border)}.hero__btn--secondary:hover{background:var(--button-hover);transform:translateY(-2px)}.hero__btn-icon{width:20px;height:20px}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}