*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,p{margin:0}.root-container{flex-direction:column;width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.header{z-index:100;background:#000;border-bottom:1px solid #222;width:100%;padding:20px 0;position:sticky;top:0}.header-inner{align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.logo{width:auto;height:32px}@media screen and (max-width:768px){.header{padding:16px 0}.logo{height:24px}}.banner{height:645px}@media screen and (max-width:768px){.banner{height:auto}}.inner-banner{background-image:url(/assets/images/banner-box-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;width:100%;max-width:1150px;height:100%;margin:0 auto;display:flex;position:relative}@media screen and (max-width:768px){.inner-banner{flex-direction:column}}.left-banner-desc{z-index:1;background:linear-gradient(116deg,#ff87ad 6.82%,#ffca61 96.85%);border-radius:42px;flex-direction:column;align-self:flex-start;align-items:flex-start;gap:38px;width:43%;max-width:490px;margin-top:46px;margin-left:7%;padding:36px;display:flex;position:relative}@media screen and (max-width:768px){.left-banner-desc{border-radius:32px;gap:24px;width:auto;max-width:none;margin-top:15px;margin-left:16px;margin-right:16px;padding:24px}}.vector-img{width:198px;position:absolute;top:36px;right:36px}@media screen and (max-width:768px){.vector-img{width:150px;top:12px;right:12px}}.banner-content-wrap{flex-direction:column;gap:20px;display:flex}@media screen and (max-width:768px){.banner-content-wrap{gap:12px}}.banner-title{color:#000;text-transform:capitalize;margin-bottom:20px;font-size:24px;font-weight:700;line-height:36px}@media screen and (max-width:768px){.banner-title{font-size:16px;line-height:24px}}.banner-desc{color:#000;font-size:16px;font-weight:400;line-height:24px}@media screen and (max-width:768px){.banner-desc{font-size:12px;line-height:18px}}.banner-btn{color:#000;text-transform:capitalize;cursor:pointer;background:0 0;border:2px solid #000;border-radius:105px;justify-content:center;align-items:center;gap:8px;width:227px;height:72px;padding:10px;font-size:20px;font-weight:500;text-decoration:none;transition:opacity .3s;display:flex}.banner-btn:hover{opacity:.7}@media screen and (max-width:768px){.banner-btn{width:170px;height:40px;font-size:16px}}.arrow-icon{font-size:44px;line-height:1}.right-gradient-bg{aspect-ratio:1.3;background:linear-gradient(#ffbd5c00 0%,#ffbd5c 100%);border-radius:42px;align-self:flex-start;width:51%;max-width:581px;margin-top:84px;margin-left:-120px;position:relative}@media screen and (max-width:768px){.right-gradient-bg{border-radius:26px;width:calc(100% - 32px);max-width:none;margin-top:-40px;margin-left:16px;margin-right:16px}}.right-img{z-index:10;width:calc(100% + 16px);position:absolute;top:4px;left:-6px}.right-img img{width:100%}@media screen and (max-width:768px){.right-img{left:-7px}}.character-title-wrap{padding-top:3px}@media screen and (max-width:768px){.character-title-wrap{padding-top:24px}}.inner-character-title-wrap{text-align:center;flex-direction:column;gap:6px;width:100%;max-width:1008px;margin:0 auto 36px;display:flex;position:relative}@media screen and (max-width:768px){.inner-character-title-wrap{margin-bottom:24px}}.title-decorator{width:108px;position:absolute;top:12px;left:calc(50% + 100px)}@media screen and (max-width:768px){.title-decorator{width:80px;left:calc(50% + 80px)}}.character-title{color:#fff;text-align:center;z-index:1;font-size:24px;font-weight:600;line-height:36px;position:relative}.character-desc{color:#fff;text-align:center;text-shadow:0 1px 2px #00000040;text-transform:capitalize;z-index:1;font-size:16px;font-weight:400;line-height:24px;position:relative}.character-wrap{background:linear-gradient(#ffbd5c00 0%,#ffbd5c33 100%);border-radius:0 0 80px 80px;min-height:1077px;padding-bottom:32px}@media screen and (max-width:768px){.character-wrap{border-radius:0 0 32px 32px;padding-left:12px;padding-right:12px}}.character-inner-wrap{width:100%;max-width:1008px;margin:0 auto}.category-list{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.category-item{color:#fff;cursor:pointer;background:0 0;border:2px solid #333;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.category-item:hover{color:#ffbd5c;border-color:#ffbd5c}.category-item.selected{color:#000;background:linear-gradient(116deg,#ff87ad 6.82%,#ffca61 96.85%);border-color:#ffbd5c}@media screen and (max-width:768px){.category-item{padding:8px 16px;font-size:12px}}.character-list{flex-wrap:wrap;gap:25px;margin-top:36px;margin-bottom:36px;margin-right:-25px;display:flex}@media screen and (max-width:768px){.character-list{gap:12px;margin-top:24px;margin-bottom:24px;margin-right:-12px}}.character-item{border-radius:13px;width:calc(25% - 25px);padding:3px;transition:background .3s}@media screen and (max-width:768px){.character-item{width:calc(50% - 12px)}}.character-item:hover{background:linear-gradient(116deg,#ff87ad 6.82%,#ffca61 96.85%)}.character-card{cursor:pointer;width:100%;height:100%;color:inherit;background:#1a1a1a;border-radius:10px;text-decoration:none;display:block;overflow:hidden}.character-image{aspect-ratio:.75;object-fit:cover;width:100%}.character-info{flex-direction:column;gap:8px;padding:12px;display:flex}.character-header{justify-content:space-between;align-items:center;display:flex}.character-name{color:#fff;font-size:16px;font-weight:600}.character-age{color:#ffbd5c;font-size:14px;font-weight:500}.character-description{color:#999;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.character-footer{color:#666;justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;display:flex}.character-creator,.character-chats{color:#888}.character-introduction{color:#999;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.chat-btn{color:#000;cursor:pointer;background:linear-gradient(116deg,#ff87ad 6.82%,#ffca61 96.85%);border:none;border-radius:40px;justify-content:center;align-items:center;gap:10px;width:418px;height:66px;margin:0 auto;padding:10px 24px;font-size:20px;font-weight:500;text-decoration:none;transition:opacity .3s;display:flex}.chat-btn:hover{opacity:.9}@media screen and (max-width:768px){.chat-btn{width:278px;height:49px;font-size:16px}}.footer-container{background:#000;border-top:1px solid #333;padding:40px 20px}.footer-content{justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto;display:flex}@media screen and (max-width:768px){.footer-content{flex-direction:column}}.contract{flex:1;gap:60px;display:flex}@media screen and (max-width:768px){.contract{flex-direction:column;gap:30px}}.chatr-contract{gap:40px}.contract-sub-block{gap:60px;display:flex}@media screen and (max-width:768px){.contract-sub-block{flex-direction:column;gap:30px}}.chatr-contract-block{gap:40px}.contract-block{flex:1}.contract-block-title{color:#fff;margin-bottom:16px;font-size:16px;font-weight:600}.contract-block-content{flex-direction:column;gap:12px;display:flex}.contract-block-content-item{font-size:14px}.contract-block-content-item a{color:#999;text-decoration:none;transition:color .3s}.contract-block-content-item a:hover{color:#fff}.contract-block-content-item i{margin-right:8px}.download{flex-direction:column;gap:16px;display:flex}.download-wrap{gap:12px;display:flex}.download-wrap a img{height:40px}.footer-desc{color:#999;max-width:300px;font-size:12px}