.hero-bg{background:linear-gradient(135deg,#fff,#0e0e0e);min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.hero-card{border-radius:20px;overflow:hidden;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a;transition:all .6s ease-out;opacity:0;transform:translateY(50px)}.hero-card.loaded{opacity:1;transform:translateY(0)}.hero-image-bg{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);opacity:.1}.hero-image-container{background:linear-gradient(45deg,#2c3e50,#3498db);color:#fff;font-size:4rem;font-weight:700;cursor:pointer;transition:transform .3s ease;opacity:0;transform:scale(.8) rotate(-5deg)}.hero-image-container.loaded{opacity:1;transform:scale(1) rotate(0)}.hero-image-container:hover{transform:scale(1.05)}.hero-img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.hero-content{transition:all .7s ease-out .4s;opacity:0;transform:translate(30px)}.hero-content.loaded{opacity:1;transform:translate(10)}.hero-btn-main{background:linear-gradient(45deg,#797979,#000);color:#fff;border-radius:50px;transition:all .3s ease;border:none;box-shadow:0 4px 15px #0000001a}.hero-btn-main:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.hero-btn-fav{border-radius:50px;transition:all .3s ease}.hero-btn-fav:hover{background:#333;color:#fff;transform:translateY(-2px)}
