.app-hero{align-items:center;background-color:#fff;background-image:radial-gradient(circle at 80% 20%,rgba(61,188,188,.05) 0,transparent 40%),radial-gradient(circle at 10% 80%,rgba(61,188,188,.03) 0,transparent 30%);display:flex;min-height:90vh;overflow:hidden;padding:100px 0 60px;position:relative}.app-hero:before{background-image:radial-gradient(rgba(45,45,94,.03) 1px,transparent 0);background-size:40px 40px;content:"";inset:0;pointer-events:none;position:absolute}.app-hero .container{position:relative;z-index:2}.app-hero .hero-badge{align-items:center;background:#fff;border:1px solid rgba(45,45,94,.1);border-radius:100px;box-shadow:0 4px 15px rgba(0,0,0,.03);color:#2d2d5e;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:32px;padding:8px 16px}.app-hero .hero-badge:before{background:#3dbcbc;border-radius:10px;color:#fff;content:"NEW";font-size:.65rem;letter-spacing:.5px;padding:2px 8px}.app-hero h1{color:#2d2d5e;font-size:clamp(2.5rem,6vw,4.2rem);font-weight:900;letter-spacing:-1.5px;line-height:1.1;margin-bottom:24px}.app-hero h1 span{color:#3dbcbc}.app-hero p.lead{color:#64748b;font-size:1.2rem;line-height:1.7;margin-bottom:48px;max-width:550px}.app-hero .hero-buttons{display:flex;flex-wrap:wrap;gap:20px}.app-hero .hero-buttons .btn{align-items:center;border-radius:16px;display:inline-flex;font-size:1rem;font-weight:700;gap:12px;padding:16px 36px;text-decoration:none;transition:all .4s cubic-bezier(.165,.84,.44,1)}.app-hero .hero-buttons .btn.btn-primary{background:#2d2d5e;border:none;box-shadow:0 10px 30px rgba(45,45,94,.25);color:#fff}.app-hero .hero-buttons .btn.btn-primary:hover{background:#35356f;box-shadow:0 20px 40px rgba(45,45,94,.35);transform:translateY(-5px)}.app-hero .hero-buttons .btn.btn-secondary{background:#fff;border:1px solid rgba(45,45,94,.1);box-shadow:0 10px 40px rgba(45,45,94,.06);color:#2d2d5e}.app-hero .hero-buttons .btn.btn-secondary:hover{background:#f8fafc;border-color:rgba(45,45,94,.2);box-shadow:0 20px 60px rgba(45,45,94,.12);transform:translateY(-5px)}.app-hero .hero-stats{display:flex;gap:50px;margin-top:64px}.app-hero .hero-stats .stat-item .num{color:#2d2d5e;font-size:2rem;font-weight:900;line-height:1;margin-bottom:4px}.app-hero .hero-stats .stat-item .label{color:#64748b;font-size:.9rem;font-weight:500}.app-hero .hero-image{padding:40px;position:relative}.app-hero .hero-image:before{background:radial-gradient(circle at center,#a0e7e7 0,transparent 60%);border-radius:50%;content:"";height:140%;left:-20%;opacity:.15;position:absolute;top:-20%;width:140%;z-index:-1}.app-hero .hero-image img{animation:modernFloat 8s ease-in-out infinite;border-radius:40px;box-shadow:0 40px 100px rgba(45,45,94,.15),0 0 0 10px #fff;max-width:480px;mix-blend-mode:multiply;width:100%}@keyframes modernFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}[dir=rtl] .app-hero{text-align:right}[dir=rtl] .app-hero .hero-badge:before{margin-left:8px;margin-right:0}[dir=rtl] .app-hero p.lead{margin-left:auto;margin-right:0}[dir=rtl] .app-hero .hero-buttons{flex-direction:row-reverse}.app-hero-editor{background:#fff;border:1px solid #eee;border-radius:20px;color:#2d2d5e;padding:40px}