/* ss777.homes theme | Prefix: ui8c- */
:root{
  --ui8c-bg:#1C2833;--ui8c-bg-2:#243447;--ui8c-bg-3:#111A22;--ui8c-text:#E9ECEF;--ui8c-muted:#B6C2CE;
  --ui8c-accent:#DC143C;--ui8c-accent-2:#DB7093;--ui8c-gold:#F2C14E;--ui8c-border:rgba(233,236,239,.12);
  --ui8c-shadow:0 6px 24px rgba(0,0,0,.45);--ui8c-radius:14px;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:62.5%;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Segoe UI","Helvetica Neue",Roboto,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,#2a3b50 0%,var(--ui8c-bg) 55%,var(--ui8c-bg-3) 100%);color:var(--ui8c-text);font-size:1.5rem;line-height:1.55;overflow-x:hidden}
a{color:var(--ui8c-accent-2);text-decoration:none}
a:hover{color:var(--ui8c-gold)}
img{max-width:100%;display:block}
h1,h2,h3,h4{margin:0 0 .6em;line-height:1.25;font-weight:700}
h1{font-size:2.4rem}h2{font-size:2rem}h3{font-size:1.7rem}p{margin:0 0 1em}
.ui8c-wrap{width:100%;max-width:430px;margin:0 auto;padding:0 1.4rem}
.ui8c-container,.ui8c-wrapper{width:100%;max-width:430px;margin:0 auto;padding:0 1.4rem}
.ui8c-section{padding:3.2rem 0 1.6rem}
.ui8c-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,rgba(28,40,51,.97),rgba(28,40,51,.88));backdrop-filter:blur(10px);border-bottom:1px solid var(--ui8c-border)}
.ui8c-header-inner{display:flex;align-items:center;justify-content:space-between;height:6rem}
.ui8c-logo{display:flex;align-items:center;gap:.7rem;font-weight:800;font-size:1.9rem;color:var(--ui8c-text);letter-spacing:.5px}
.ui8c-logo .ui8c-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--ui8c-accent),var(--ui8c-accent-2));color:#fff;font-weight:800;box-shadow:0 4px 14px rgba(220,20,60,.45)}
.ui8c-logo .ui8c-logo-mark i{font-size:18px}
.ui8c-logo small{display:block;font-size:1rem;font-weight:500;color:var(--ui8c-muted);letter-spacing:0}
.ui8c-header-actions{display:flex;align-items:center;gap:.8rem}
.ui8c-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:0 1.4rem;border-radius:999px;border:none;font-size:1.35rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;text-decoration:none}
.ui8c-btn i{font-size:16px}
.ui8c-btn-primary{background:linear-gradient(135deg,var(--ui8c-accent),#ff3b5f);color:#fff;box-shadow:0 6px 18px rgba(220,20,60,.45)}
.ui8c-btn-ghost{background:rgba(233,236,239,.08);color:var(--ui8c-text);border:1px solid var(--ui8c-border)}
.ui8c-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.ui8c-icon-btn{width:40px;height:40px;border-radius:12px;background:rgba(233,236,239,.08);color:var(--ui8c-text);border:1px solid var(--ui8c-border);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px}
.ui8c-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:9998}
.ui8c-overlay-active{opacity:1;pointer-events:auto}
.ui8c-mobile-menu{position:fixed;top:0;right:-80%;width:80%;max-width:320px;height:100vh;background:var(--ui8c-bg-2);z-index:9999;padding:2rem 1.6rem;transform:translateX(0);transition:right .28s ease;overflow-y:auto;border-left:1px solid var(--ui8c-border)}
.ui8c-menu-active{right:0}
.ui8c-menu-title{font-size:1.6rem;font-weight:700;color:var(--ui8c-text);margin-bottom:1.4rem;display:flex;align-items:center;justify-content:space-between}
.ui8c-menu-list{list-style:none;padding:0;margin:0}
.ui8c-menu-list li{border-bottom:1px solid var(--ui8c-border)}
.ui8c-menu-list a{display:flex;align-items:center;gap:.9rem;padding:1.2rem .4rem;color:var(--ui8c-text);font-size:1.45rem}
.ui8c-menu-list a i{color:var(--ui8c-accent-2);width:22px;text-align:center}
.ui8c-menu-list a:hover{color:var(--ui8c-gold)}
.ui8c-menu-cta{margin-top:1.6rem;display:flex;flex-direction:column;gap:.8rem}
.ui8c-hero{margin-top:7rem;padding:2rem 0 1rem;text-align:center;position:relative}
.ui8c-hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;background:rgba(219,112,147,.15);border:1px solid rgba(219,112,147,.4);border-radius:999px;font-size:1.15rem;color:var(--ui8c-accent-2);font-weight:600;margin-bottom:1rem}
.ui8c-hero h1{font-size:3.2rem;background:linear-gradient(90deg,#fff,var(--ui8c-accent-2) 60%,var(--ui8c-gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.ui8c-hero p{color:var(--ui8c-muted);font-size:1.45rem}
.ui8c-hero-cta{display:flex;gap:.8rem;justify-content:center;margin:1.4rem 0 .6rem;flex-wrap:wrap}
.ui8c-hero-stats{display:flex;justify-content:center;gap:1.6rem;flex-wrap:wrap;margin-top:1.6rem}
.ui8c-stat{text-align:center}
.ui8c-stat .ui8c-stat-num{display:block;font-size:2rem;font-weight:800;color:var(--ui8c-gold)}
.ui8c-stat .ui8c-stat-label{font-size:1.15rem;color:var(--ui8c-muted)}
.ui8c-marquee{background:linear-gradient(90deg,var(--ui8c-accent),var(--ui8c-accent-2));color:#fff;font-weight:700;font-size:1.25rem;padding:.7rem 0;overflow:hidden;white-space:nowrap;border-radius:999px;margin:1.4rem 0 0}
.ui8c-marquee span{display:inline-block;padding-left:100%;animation:ui8c-marq 18s linear infinite}
@keyframes ui8c-marq{to{transform:translateX(-100%)}}
.ui8c-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}
.ui8c-section-head h2{margin:0;font-size:1.9rem}
.ui8c-section-head .ui8c-link-more{font-size:1.25rem;color:var(--ui8c-accent-2);font-weight:600}
.ui8c-tabs{display:flex;gap:.6rem;overflow-x:auto;padding:.4rem 0 1rem;scrollbar-width:none}
.ui8c-tabs::-webkit-scrollbar{display:none}
.ui8c-tab{flex:0 0 auto;padding:.7rem 1.4rem;border-radius:999px;background:rgba(233,236,239,.06);border:1px solid var(--ui8c-border);color:var(--ui8c-muted);font-size:1.3rem;font-weight:600;cursor:pointer;white-space:nowrap}
.ui8c-tab-active{background:linear-gradient(135deg,var(--ui8c-accent),var(--ui8c-accent-2));color:#fff;border-color:transparent}
.ui8c-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ui8c-card{background:var(--ui8c-bg-2);border:1px solid var(--ui8c-border);border-radius:var(--ui8c-radius);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;position:relative}
.ui8c-card:hover{transform:translateY(-3px);box-shadow:var(--ui8c-shadow)}
.ui8c-card .ui8c-card-img{position:relative;aspect-ratio:1/1;background:#0e151c;overflow:hidden}
.ui8c-card .ui8c-card-img img{width:100%;height:100%;object-fit:cover}
.ui8c-card .ui8c-card-tag{position:absolute;top:6px;left:6px;background:rgba(220,20,60,.85);color:#fff;font-size:.95rem;font-weight:700;padding:2px 8px;border-radius:8px;z-index:2}
.ui8c-card .ui8c-card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(28,40,51,.55);opacity:0;transition:opacity .18s ease}
.ui8c-card:hover .ui8c-card-play{opacity:1}
.ui8c-card .ui8c-card-play i{font-size:28px;color:#fff}
.ui8c-card .ui8c-card-title{padding:.7rem .6rem;font-size:1.2rem;font-weight:600;text-align:center;color:var(--ui8c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui8c-promo{background:linear-gradient(135deg,#2c1a22,#3a2030);border:1px solid var(--ui8c-border);border-radius:var(--ui8c-radius);padding:1.6rem;display:flex;align-items:center;gap:1rem;margin:1.4rem 0}
.ui8c-promo .ui8c-promo-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--ui8c-gold),var(--ui8c-accent));display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;flex:0 0 auto}
.ui8c-promo h3{margin:0 0 .3rem;font-size:1.6rem;color:var(--ui8c-text)}
.ui8c-promo p{margin:0;color:var(--ui8c-muted);font-size:1.25rem}
.ui8c-promo .ui8c-promo-go{margin-left:auto}
.ui8c-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.ui8c-feature{background:var(--ui8c-bg-2);border:1px solid var(--ui8c-border);border-radius:var(--ui8c-radius);padding:1.4rem;text-align:center}
.ui8c-feature i{font-size:26px;color:var(--ui8c-accent-2);margin-bottom:.6rem;display:inline-block}
.ui8c-feature h3{font-size:1.35rem;margin:0 0 .3rem;color:var(--ui8c-text)}
.ui8c-feature p{margin:0;font-size:1.15rem;color:var(--ui8c-muted)}
.ui8c-seo-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}
.ui8c-seo-links a{display:inline-block;padding:.5rem 1rem;background:rgba(233,236,239,.05);border:1px solid var(--ui8c-border);border-radius:999px;font-size:1.2rem;color:var(--ui8c-text)}
.ui8c-seo-links a:hover{color:var(--ui8c-gold);border-color:var(--ui8c-accent)}
.ui8c-article p{color:var(--ui8c-muted)}
.ui8c-article strong{color:var(--ui8c-text)}
.ui8c-prose-link{color:var(--ui8c-accent-2);font-weight:700;text-decoration:underline}
.ui8c-prose-link:hover{color:var(--ui8c-gold)}
.ui8c-faq-item{background:var(--ui8c-bg-2);border:1px solid var(--ui8c-border);border-radius:var(--ui8c-radius);padding:1.2rem 1.4rem;margin-bottom:.8rem}
.ui8c-faq-item h3{color:var(--ui8c-gold);font-size:1.4rem;margin-bottom:.4rem}
.ui8c-faq-item p{margin:0;color:var(--ui8c-muted)}
.ui8c-footer{background:var(--ui8c-bg-3);border-top:1px solid var(--ui8c-border);padding:2.4rem 0 8rem;margin-top:2rem}
.ui8c-footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
.ui8c-footer h4{color:var(--ui8c-text);font-size:1.35rem;margin-bottom:.6rem}
.ui8c-footer ul{list-style:none;padding:0;margin:0}
.ui8c-footer li{margin-bottom:.4rem}
.ui8c-footer a{color:var(--ui8c-muted);font-size:1.2rem}
.ui8c-footer a:hover{color:var(--ui8c-accent-2)}
.ui8c-footer-bottom{text-align:center;padding-top:1.6rem;margin-top:1.6rem;border-top:1px solid var(--ui8c-border);color:var(--ui8c-muted);font-size:1.15rem}
.ui8c-disclaimer{background:rgba(220,20,60,.08);border:1px solid rgba(220,20,60,.25);border-radius:12px;padding:1rem 1.2rem;font-size:1.15rem;color:var(--ui8c-muted);margin-top:1.2rem}
.ui8c-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:62px;background:linear-gradient(180deg,rgba(28,40,51,.98),rgba(17,26,34,.99));border-top:1px solid var(--ui8c-border);display:flex;justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -4px 18px rgba(0,0,0,.4)}
.ui8c-nav-btn{flex:1;min-width:60px;min-height:60px;background:transparent;border:none;color:var(--ui8c-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-size:1.05rem;font-weight:600;transition:color .18s ease,transform .18s ease}
.ui8c-nav-btn i{font-size:22px}
.ui8c-nav-btn:hover{color:var(--ui8c-text);transform:translateY(-1px)}
.ui8c-nav-current{color:var(--ui8c-accent-2)}
.ui8c-nav-current i{color:var(--ui8c-accent-2);text-shadow:0 0 12px rgba(219,112,147,.6)}
.ui8c-nav-promo{position:relative;color:var(--ui8c-gold)}
.ui8c-nav-promo::before{content:"";position:absolute;top:-14px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--ui8c-accent),var(--ui8c-accent-2));box-shadow:0 4px 14px rgba(220,20,60,.5);z-index:-1}
.ui8c-nav-promo i{font-size:22px;color:#fff}
.ui8c-totop{position:fixed;right:14px;bottom:76px;width:40px;height:40px;border-radius:50%;background:var(--ui8c-bg-2);border:1px solid var(--ui8c-border);color:var(--ui8c-text);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;opacity:.85}
@media (min-width:769px){
  .ui8c-bottom-nav{display:none}.ui8c-totop{bottom:24px}.ui8c-wrap,.ui8c-container,.ui8c-wrapper{max-width:760px}body{font-size:1.6rem}
}
@media (max-width:768px){
  main{padding-bottom:80px}.ui8c-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:360px){
  .ui8c-grid{grid-template-columns:repeat(2,1fr)}.ui8c-hero h1{font-size:2.6rem}.ui8c-btn{padding:0 1rem;font-size:1.2rem}
}