.home-page{width:100%;background-image:url(/images/bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;min-height:calc(100vh - 100px)}.home-page-content{max-width:1440px;margin:0 auto;width:100%;padding:0 32px}.hero-section{padding:clamp(12px,5.5vh,50px) 0 clamp(10px,2.75vh,30px);display:flex;align-items:center;overflow:hidden;justify-content:center}.about-us-page .hero-section{min-height:60vh}.card-container{height:100%}.hero-content{margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center}.hero-title{color:#fff!important;font-size:80px!important;margin-bottom:16px!important;font-weight:700;line-height:1.2;text-align:center}@media (max-width:768px){.hero-title{font-size:34px!important}}@media (max-width:992px){.hero-title{font-size:44px!important}}@media (max-width:1200px){.hero-title{font-size:60px!important}}.gradient-text{background:linear-gradient(135deg,#B433FF,#FF3399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-description{font-size:18px;color:#B3B3B3;line-height:1.8;max-width:800px;text-align:center;margin:0;padding:0 16px}.cards-section{padding:0 16px clamp(12px,3.5svh,40px)}.cards-container{max-width:1200px;margin:0 auto}.user-card{background:rgb(83 66 78/30%);backdrop-filter:blur(2px);border:1px solid rgb(190 51 213);border-radius:24px;padding:20px;height:100%;display:flex;flex-direction:column;position:relative;box-shadow:0 0 30px rgba(180,51,255,.2);will-change:transform,opacity;transition:transform .22s ease-out}.user-card:hover{transform:translateY(-5px)}.card-icon{margin-bottom:24px}.icon-placeholder{width:72px;height:72px}.card-title{color:#fff!important;font-size:32px!important;margin-bottom:32px!important;font-weight:700}.card-features{list-style:none;padding:0;margin:0 0 32px;flex:1}.card-features li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;color:#fff;font-size:16px;line-height:1.6}.feature-icon{width:16px;height:16px;margin-top:4px}.card-button{width:100%;height:56px;border-radius:12px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;margin-top:auto}.fan-button{border:2px solid #901ed2;border-radius:100px;color:#000;background:#fff;width:150px}.fan-button:hover{background:#ffffff9b}.creator-button{background:rgb(124 111 122);color:#fff;border:1px solid rgba(42,42,42,.423);border-radius:100px;width:fit-content;padding:0 24px}.creator-button:hover{background:rgba(52,52,52,.9)}@media (max-width:768px){.hero-section{padding:24px 16px}.hero-title{font-size:48px!important;margin-bottom:16px!important}.hero-description{font-size:16px}.cards-section{padding:0 16px clamp(12px,3.5svh,40px)}.user-card{padding:16px 12px;border-radius:20px}.card-title{font-size:28px!important;margin-bottom:24px!important}.card-features li{font-size:14px;margin-bottom:12px}.feature-icon{width:16px;height:16px;margin-top:4px}.card-button{height:48px;font-size:14px}.icon-placeholder{width:70px;height:70px}}@media (max-width:480px){.hero-section{padding:24px 16px}.hero-title{font-size:32px!important;margin-bottom:16px!important}.hero-description{font-size:14px;line-height:1.6}.cards-section{padding:0 16px clamp(12px,3.5svh,40px)}.user-card{padding:12px 8px;border-radius:16px}.card-title{font-size:24px!important;margin-bottom:20px!important}.card-features{margin-bottom:24px}.card-features li{font-size:13px;margin-bottom:10px}.icon-placeholder{width:68px;height:68px}}@media (max-width:1024px){.home-page{background-attachment:scroll}}@media (max-height:720px){.home-page .hero-section{padding:clamp(6px,3svh,20px) 16px clamp(6px,2svh,16px)}.home-page .hero-title{font-size:clamp(26px,7vw,48px)!important;margin-bottom:8px!important;line-height:1.15!important}.home-page .hero-description{font-size:clamp(13px,2svh,17px);line-height:1.45;padding:0 8px}.home-page .cards-section{padding:0 12px clamp(10px,2.5svh,24px)}.home-page .user-card{padding:14px 12px}.home-page .card-icon{margin-bottom:12px}.home-page .icon-placeholder{width:56px;height:56px}.home-page .card-title{font-size:22px!important;margin-bottom:12px!important}.home-page .card-features{margin:0 0 12px}.home-page .card-features li{margin-bottom:8px}.home-page .card-button{height:44px;font-size:14px}}@media (max-height:600px){.home-page .hero-section{padding:clamp(4px,2.5svh,14px) 12px clamp(4px,1.5svh,12px)}.home-page .hero-title{font-size:clamp(22px,6vw,40px)!important;margin-bottom:6px!important}.home-page .hero-description{font-size:clamp(12px,1.8svh,15px);line-height:1.4}.home-page .cards-section{padding:0 10px clamp(8px,2svh,20px)}.home-page .user-card{padding:12px 10px}.home-page .card-title{font-size:20px!important;margin-bottom:10px!important}.home-page .card-features li{margin-bottom:6px;font-size:14px}.home-page .card-button{height:40px;font-size:13px}}@media (max-height:520px){.home-page{min-height:unset}.home-page .hero-section{padding:4px 10px}.home-page .hero-title{font-size:clamp(20px,5.5vw,34px)!important}.home-page .cards-section{padding:0 8px 8px}}