.fansly-hero{min-height:100vh;background:#fff;display:flex;align-items:center;padding:60px 20px;position:relative;overflow:hidden}.fansly-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:800px;height:800px;background:radial-gradient(circle, rgba(14, 165, 233, 0.08) 0%, transparent 70%);border-radius:50%;pointer-events:none}.fansly-hero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:600px;height:600px;background:radial-gradient(circle, rgba(14, 165, 233, 0.05) 0%, transparent 70%);border-radius:50%;pointer-events:none}.fansly-container{width:100%;max-width:1400px;margin:0 auto;display:flex;gap:60px;align-items:center}.fansly-left{flex:1;display:flex;flex-direction:column;gap:40px}.fansly-logo-section{padding-left:20px;animation:fadeInDown 0.6s ease-out}.fansly-logo-text{font-size:3.5rem;font-weight:800;color:#1a1a1a;margin:0;letter-spacing:-0.02em}.fansly-logo-img{max-width:320px;height:auto;display:block;margin-bottom:16px}.fansly-tagline{font-size:18px;color:#64748b;margin:0;font-weight:500;letter-spacing:-0.01em}.fansly-preview-cards{display:flex;gap:16px;overflow-x:auto;padding:0 20px;animation:fadeInUp 0.8s ease-out}.fansly-card{position:relative;width:180px;height:280px;flex-shrink:0;border-radius:16px;overflow:hidden;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);animation:cardFadeIn 0.6s ease-out backwards}.fansly-card:nth-child(1){animation-delay:0.1s}.fansly-card:nth-child(2){animation-delay:0.2s}.fansly-card:nth-child(3){animation-delay:0.3s}.fansly-card:nth-child(4){animation-delay:0.4s}.fansly-card:nth-child(5){animation-delay:0.5s}.fansly-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px rgba(0, 0, 0, 0.15)}.fansly-card img{width:100%;height:100%;object-fit:cover}.fansly-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg, #e5e5e5 0%, #d0d0d0 100%)}.fansly-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.45);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transition:backdrop-filter 0.3s ease}.fansly-card:hover .fansly-card-overlay{backdrop-filter:blur(12px)}.fansly-right{width:340px;flex-shrink:0;animation:fadeInRight 0.8s ease-out}.fansly-auth-container{display:flex;flex-direction:column;gap:12px;background:white;padding:32px;border-radius:24px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.08)}.fansly-btn{width:100%;padding:14px 24px;border-radius:50px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.fansly-btn:hover{transform:translateY(-1px);text-decoration:none}.fansly-btn-primary{background:linear-gradient(135deg, #EC4899 0%, #DB2777 100%);color:white;box-shadow:0 4px 16px rgba(236, 72, 153, 0.3)}.fansly-btn-primary:hover{background:linear-gradient(135deg, #DB2777 0%, #BE185D 100%);color:white;box-shadow:0 8px 24px rgba(236, 72, 153, 0.4)}.fansly-btn-secondary{background:transparent;color:#EC4899;border:2px solid #EC4899;padding:12px 24px}.fansly-btn-secondary:hover{background:#EC4899;color:white}.fansly-terms{font-size:11px;color:#666;text-align:center;line-height:1.5;margin:8px 0 16px 0}.fansly-terms a{color:#EC4899;text-decoration:none}.fansly-terms a:hover{text-decoration:underline}.fansly-btn-twitter{background:#1DA1F2;color:white}.fansly-btn-twitter:hover{background:#1a8cd8;color:white;box-shadow:0 4px 12px rgba(29, 161, 242, 0.3)}.fansly-btn-google{background:#4285F4;color:white}.fansly-btn-google:hover{background:#3367d6;color:white;box-shadow:0 4px 12px rgba(66, 133, 244, 0.3)}.fansly-btn-facebook{background:#1877F2;color:white}.fansly-btn-facebook:hover{background:#0d65d9;color:white;box-shadow:0 4px 12px rgba(24, 119, 242, 0.3)}.fansly-footer{background:#fafafa;padding:20px 40px;border-top:1px solid #e5e5e5}.fansly-footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666;flex-wrap:wrap;gap:20px}.fansly-footer-links{display:flex;gap:24px;flex-wrap:wrap}.fansly-footer-links a{color:#666;text-decoration:none;transition:color 0.2s ease}.fansly-footer-links a:hover{color:#0EA5E9}@media (max-width: 1024px){.fansly-container{flex-direction:column;gap:40px}.fansly-right{width:100%;max-width:400px}.fansly-logo-text{font-size:3rem;text-align:center}.fansly-logo-img{max-width:250px;margin:0 auto}.fansly-logo-section{padding-left:0;text-align:center}.fansly-preview-cards{justify-content:center}}@media (max-width: 768px){.fansly-hero{padding:20px 10px}.fansly-logo-text{font-size:2.5rem}.fansly-logo-img{max-width:200px}.fansly-card{width:140px;height:220px}.fansly-preview-cards{gap:10px;padding:0 10px}.fansly-footer{padding:20px}.fansly-footer-content{flex-direction:column;text-align:center}.fansly-footer-links{justify-content:center;gap:16px}}@media (max-width: 480px){.fansly-card{width:120px;height:180px}.fansly-preview-cards{gap:8px}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}@keyframes cardFadeIn{from{opacity:0;transform:translateY(20px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}[data-theme="dark"] .fansly-hero{background:linear-gradient(135deg, #1a1a1a 0%, #0f172a 50%, #1a1a1a 100%)}[data-theme="dark"] .fansly-hero::before{background:radial-gradient(circle, rgba(14, 165, 233, 0.15) 0%, transparent 70%)}[data-theme="dark"] .fansly-hero::after{background:radial-gradient(circle, rgba(14, 165, 233, 0.1) 0%, transparent 70%)}[data-theme="dark"] .fansly-auth-container{background:#1e293b;box-shadow:0 8px 32px rgba(0, 0, 0, 0.3)}[data-theme="dark"] .fansly-logo-text{color:#ffffff}[data-theme="dark"] .fansly-card-placeholder{background:linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%)}[data-theme="dark"] .fansly-footer{background:#242424;border-top-color:#333}[data-theme="dark"] .fansly-footer-content,[data-theme="dark"] .fansly-footer-links a{color:#aaa}[data-theme="dark"] .fansly-footer-links a:hover{color:#0EA5E9}.home-header{background-position:top right;background-repeat:no-repeat}.home-box-img{max-width:120px;max-height:120px}.home-mid-img{max-width:400px}.coinbasae-logo{height:1.3rem}.suggestion-header-bg{height:140px !important}.user-search-box-item .avatar{width:54px;height:54px}.search-back-button{width:40px;height:40px}.mobile-search-filter .card{border-left:none !important;border-right:none !important;border-top:none !important;border-radius:0px !important}