.hero-section{min-height:100vh;background:linear-gradient(135deg,var(--secondary-color) 0,var(--primary-color) 100%);display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:url('../static/images/hero-bg-network.png') center/cover no-repeat;opacity:.4}.hero-container{max-width:1200px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg);position:relative;z-index:2}.hero-content{text-align:center}.hero-text{color:#fff;max-width:900px;margin:0 auto}.hero-text .hero-accent,.hero-text .hero-badge,.hero-text .hero-context,.hero-text .hero-lead,.hero-text>.hero-cta,.hero-text>.hero-stats,.hero-text>.hero-subtitle{opacity:0;transform:translateY(20px);animation:heroFadeIn .6s ease forwards}.hero-text .hero-badge{animation-delay:.2s}.hero-text .hero-lead{animation-delay:.4s}.hero-text .hero-accent{animation-delay:.6s}.hero-text .hero-context{animation-delay:.8s}.hero-text>.hero-subtitle{animation-delay:1s}.hero-text>.hero-cta{animation-delay:1.2s}.hero-text>.hero-stats{animation-delay:1.4s}.hero-badge{display:inline-block;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xl)}.hero-title{font-size:clamp(2.5rem, 5vw, 3.5rem);font-weight:700;line-height:1.15;margin-bottom:var(--spacing-lg);text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-lead{display:block;font-size:.55em;font-weight:500;opacity:.85;letter-spacing:.02em;margin-bottom:.15em}.hero-accent{display:block;color:var(--accent-color);font-weight:800;text-shadow:0 2px 8px rgba(0,153,204,.25)}.hero-context{font-size:.5em;font-weight:400;opacity:.8;letter-spacing:.01em}.hero-subtitle{font-size:clamp(1.125rem, 2vw, 1.375rem);font-weight:400;margin-bottom:var(--spacing-2xl);opacity:.95;line-height:1.7}.hero-cta{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-3xl)}.cta-button{display:inline-flex;align-items:center;padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-lg);font-weight:600;font-size:1.125rem;transition:all var(--transition-normal);text-decoration:none}.cta-button.primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 14px rgba(0,153,204,.35)}.cta-button.primary:hover{background:#07a;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,153,204,.4)}.cta-button.secondary{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.5);color:#fff;box-shadow:none;backdrop-filter:blur(4px)}.cta-button.secondary:hover{background:rgba(255,255,255,.18);border-color:#fff;box-shadow:0 4px 16px rgba(255,255,255,.12)}.cta-arrow{display:inline-block;margin-left:0;width:0;opacity:0;overflow:hidden;transition:all .3s ease}.cta-button:hover .cta-arrow{margin-left:8px;width:16px;opacity:1}[dir=rtl] .cta-arrow{transform:scaleX(-1);margin-left:0;margin-right:0}[dir=rtl] .cta-button:hover .cta-arrow{margin-left:0;margin-right:8px}.hero-stats{display:flex;gap:var(--spacing-3xl);justify-content:center;flex-wrap:wrap}.stat-item{text-align:center}.stat-icon{display:block;font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--accent-color);opacity:.9}.stat-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;opacity:.9;text-transform:uppercase;letter-spacing:1px}.scroll-indicator{position:absolute;bottom:var(--spacing-2xl);left:50%;transform:translateX(-50%);text-align:center;color:#fff;opacity:.8;animation:bounce 2s infinite}.scroll-indicator span{display:block;font-size:.875rem;margin-bottom:var(--spacing-sm)}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}