.hero-section{position:relative;padding:3.75rem 2rem;margin-bottom:2.25rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,#2563eb17,#8b5cf617,#10b9810d);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 36px #0000000f;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.75rem}[data-theme=dark] .hero-section{background:linear-gradient(135deg,#1e3a8a4d,#581c8740,#064e3b33);box-shadow:0 15px 45px #00000080,inset 0 1px #ffffff14}.hero-section:before{content:"";position:absolute;top:-40%;left:50%;transform:translate(-50%);width:600px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.28) 0%,rgba(139,92,246,.15) 45%,transparent 70%);opacity:.65;filter:blur(60px);pointer-events:none;animation:heroGlowPulse 7s ease-in-out infinite alternate}@keyframes heroGlowPulse{0%{transform:translate(-50%) scale(.9);opacity:.45}to{transform:translate(-50%) scale(1.18);opacity:.8}}.hero-content{position:relative;z-index:2;max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-title{font-size:clamp(2.2rem,4.5vw + 1rem,3.6rem);font-weight:850;line-height:1.15;margin-bottom:.85rem;letter-spacing:-.03em;background:linear-gradient(135deg,#1e293b 20%,#2563eb 70%,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 25px rgba(37,99,235,.25);animation:titleGlowPulse 4s ease-in-out infinite alternate}[data-theme=dark] .hero-title{background:linear-gradient(135deg,#fff 25%,#93c5fd 65%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 25px rgba(96,165,250,.55),0 0 50px rgba(139,92,246,.35)}@keyframes titleGlowPulse{0%{filter:drop-shadow(0 0 8px rgba(59,130,246,.3))}to{filter:drop-shadow(0 0 22px rgba(139,92,246,.65)) drop-shadow(0 0 35px rgba(59,130,246,.45))}}.hero-subtitle{font-size:clamp(1.15rem,2.2vw + .5rem,1.55rem);font-weight:700;color:var(--primary);margin-bottom:1.35rem;display:flex;align-items:center;justify-content:center;gap:6px;text-shadow:0 0 12px rgba(37,99,235,.4),0 0 24px rgba(139,92,246,.25)}[data-theme=dark] .hero-subtitle{color:#60a5fa;text-shadow:0 0 14px rgba(96,165,250,.85),0 0 28px rgba(139,92,246,.65),0 0 45px rgba(59,130,246,.4)}.hero-typing{animation:typingGlowAnim 3s ease-in-out infinite alternate}@keyframes typingGlowAnim{0%{text-shadow:0 0 10px rgba(96,165,250,.6),0 0 20px rgba(59,130,246,.4)}to{text-shadow:0 0 18px rgba(96,165,250,.95),0 0 35px rgba(168,85,247,.75),0 0 55px rgba(59,130,246,.6)}}.hero-cursor{animation:blinkCursor .9s infinite;font-weight:300;color:var(--primary);text-shadow:0 0 12px var(--primary),0 0 24px rgba(139,92,246,.8)}[data-theme=dark] .hero-cursor{color:#93c5fd;text-shadow:0 0 12px #93c5fd,0 0 25px #3b82f6}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:.15}}.hero-description{font-size:1.08rem;line-height:1.7;color:var(--text-secondary);margin:0 auto 1.85rem;max-width:680px;text-align:center}.hero-cta{display:flex;gap:1.15rem;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:2rem}.hero-btn{padding:.8rem 1.8rem;font-size:.98rem;font-weight:600;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;gap:.65rem;transition:var(--transition);text-decoration:none!important}.hero-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 25px #2563eb59}.btn-secondary.hero-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary.hero-btn:hover{border-color:var(--primary);color:var(--primary)}.hero-badges{display:flex;gap:.85rem;flex-wrap:wrap;justify-content:center;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.88rem;font-weight:600;color:var(--text-primary);box-shadow:var(--shadow-sm);transition:var(--transition)}.hero-badge i{color:var(--primary)}.hero-badge:hover{border-color:var(--primary);transform:translateY(-2px)}.hero-visual{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;margin-bottom:.75rem;flex-shrink:0}.hero-avatar-ring{width:160px;height:160px;min-width:160px;min-height:160px;max-width:160px;max-height:160px;aspect-ratio:1 / 1;border-radius:50%;padding:5px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 50%,#10b981 100%);box-shadow:0 12px 35px #2563eb4d,0 0 25px #8b5cf640;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;flex-shrink:0;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;animation:floatAvatar 6s ease-in-out infinite alternate}.hero-avatar-ring picture{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;aspect-ratio:1 / 1}.hero-avatar-ring:hover{transform:scale(1.06) rotate(2deg);box-shadow:0 16px 45px #2563eb73,0 0 35px #8b5cf666}@keyframes floatAvatar{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.hero-avatar-img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:50%;display:block;background:var(--bg-card)}@media(max-width:768px){.hero-section{padding:2.75rem 1.25rem}.hero-avatar-ring{width:140px;height:140px;min-width:140px;min-height:140px;max-width:140px;max-height:140px}}@media(max-width:480px){.hero-section{padding:2.25rem 1rem}.hero-glow-title{font-size:clamp(1.4rem,5vw,1.85rem)}.hero-actions{flex-direction:column;width:100%;gap:.65rem}.hero-actions .btn{width:100%;justify-content:center}.hero-avatar-ring{width:130px;height:130px;min-width:130px;min-height:130px;max-width:130px;max-height:130px}}@media(max-width:320px){.hero-section{padding:1.75rem .6rem}.hero-avatar-ring{width:110px;height:110px;min-width:110px;min-height:110px;max-width:110px;max-height:110px}.hero-glow-title{font-size:1.25rem}.hero-subtitle{font-size:.85rem}}@media(max-width:280px){.hero-section{padding:1.25rem .4rem}.hero-avatar-ring{width:96px;height:96px;min-width:96px;min-height:96px;max-width:96px;max-height:96px}.hero-glow-title{font-size:1.1rem}.hero-typing-wrap{font-size:.8rem}}