.hero{min-height:calc(100vh - var(--nav-height));background:linear-gradient(135deg,#fff 0%,#f0f4ff 50%,#e8eeff 100%);align-items:center;padding:80px 0;display:flex;overflow:hidden}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-badge{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:20px;font-size:.85rem;display:inline-flex}.hero-badge-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;display:inline-block}.hero-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:20px;font-size:3.5rem;font-weight:900;line-height:1.1}.hero-highlight{color:var(--primary);display:block}.hero-desc{color:var(--text-secondary);max-width:500px;margin-bottom:32px;font-size:1.05rem;line-height:1.7}.hero-actions{align-items:center;gap:12px;display:flex}.hero-image-section{justify-content:center;align-items:center;display:flex;position:relative}.hero-photo-frame{border-radius:var(--radius-xl);width:380px;height:480px;box-shadow:var(--shadow-xl);background:linear-gradient(135deg,#e8eeff,#d4ddff);border:3px solid #fffc;position:relative;overflow:hidden}.hero-photo-img{object-fit:cover;object-position:top center;width:100%;height:100%}.hero-carousel{width:100%;height:100%;position:relative}.hero-carousel-img{object-fit:cover;object-position:top center;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.hero-carousel-img.active{opacity:1}.hero-carousel-dots{z-index:3;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hero-carousel-dot{cursor:pointer;background:#ffffff4d;border:2px solid #fffc;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.hero-carousel-dot.active{background:#fff;transform:scale(1.2);box-shadow:0 0 8px #ffffff80}.hero-photo-placeholder{width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.hero-photo-placeholder p{font-size:.85rem}.hero-floating-badge{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:2;background:#fff;align-items:center;gap:10px;padding:12px 16px;animation:3s ease-in-out infinite float;display:flex;position:absolute}.hero-fb-top{top:-10px;right:10%}.hero-fb-bottom{bottom:30px;right:-10px}.hero-fb-icon{font-size:1.5rem}.hero-floating-badge small{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.65rem;display:block}.hero-floating-badge strong{color:var(--text-primary);font-size:.85rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cta-section{padding:80px 0}.cta-card{background:var(--primary);color:#fff;border-radius:var(--radius-xl);text-align:center;padding:60px}.cta-card h2{font-family:var(--font-display);margin-bottom:12px;font-size:2rem;font-weight:700}.cta-card p{opacity:.9;max-width:500px;margin-bottom:24px;margin-left:auto;margin-right:auto}.cta-card .btn-primary{color:var(--primary);background:#fff}.cta-card .btn-primary:hover{background:#f0f4ff;box-shadow:0 4px 16px #0003}@media (max-width:1024px){.hero-title{font-size:2.5rem}.hero-photo-frame{width:300px;height:380px}}@media (max-width:768px){.hero{min-height:auto;padding:40px 0}.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-desc{margin:0 auto 24px}.hero-actions{justify-content:center}.hero-title{font-size:2.2rem}.hero-photo-frame{width:260px;height:340px}.hero-fb-top{top:-5px;right:5%}.hero-fb-bottom{bottom:10px;right:0}.cta-card{padding:40px 24px}.cta-card h2{font-size:1.5rem}}.visitor-counter{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #3b5bdb1f;border-radius:14px;align-items:center;gap:20px;margin-top:24px;padding:12px 24px;animation:.6s .3s both fadeInUp;display:inline-flex}.visitor-stat{align-items:center;gap:8px;display:flex}.visitor-icon{font-size:1.1rem}.visitor-number{color:var(--primary);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800}.visitor-label{color:var(--text-muted);font-size:.78rem;font-weight:500}.visitor-divider{background:var(--border-light);width:1px;height:28px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .visitor-counter{background:#1e1e2899;border-color:#5c7cfa26}@media (max-width:768px){.visitor-counter{gap:14px;padding:10px 18px}.visitor-number{font-size:1.1rem}.visitor-label{font-size:.72rem}}