/* neon_city - Bottom tab nav, mobile-first, neon pink */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,sans-serif;background:#0f0f23;color:#e0e0e0;font-size:15px;padding-bottom:64px}
.nct-body{min-height:100vh}
/* Bottom tabs */
.nct-bottom-tabs{position:fixed;bottom:0;left:0;right:0;height:60px;background:#1a1a2e;border-top:1px solid #ff2d7544;display:flex;align-items:center;justify-content:space-around;z-index:999}
.nct-tab{text-decoration:none;text-align:center;color:#888;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:2px}
.nct-tab__icon{font-size:20px}
.nct-tab__label{font-size:9px;text-transform:uppercase}
.nct-tab:hover,.nct-tab:focus{color:#ff2d75}
.nct-tab--center{margin-top:-20px;width:56px;height:56px;background:linear-gradient(135deg,#ff2d75,#ff6b9d);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ff2d7555}
.nct-tab--center .nct-tab__icon--big{font-size:28px;color:#fff}
/* Sections */
.nct-section{padding:24px 16px}
.nct-section--center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}
.nct-hero{text-align:center;padding-top:40px}
.nct-neon-text{font-size:clamp(32px,8vw,56px);color:#ff2d75;text-shadow:0 0 10px #ff2d7588,0 0 40px #ff2d7544}
.nct-hero-sub{color:#888;margin:10px 0 20px;font-size:14px}
.nct-heading{color:#ff2d75;font-size:18px;margin-bottom:14px}
/* Pills */
.nct-cats-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.nct-pill{padding:6px 16px;background:#ff2d7522;border:1px solid #ff2d7544;border-radius:20px;color:#ff6b9d;text-decoration:none;font-size:12px}
/* Carousel */
.nct-scroll-row{overflow:hidden;margin-bottom:8px}
.nct-scroll-track{display:flex;animation:nct-scroll 16s linear infinite}
.nct-scroll-track:hover{animation-play-state:paused}
.nct-scroll-group{display:flex;gap:10px;flex-shrink:0;padding-right:10px}
.nct-scroll-group a{display:inline-block;width:100px;border-radius:12px;overflow:hidden;border:2px solid transparent}
.nct-scroll-group a:hover{border-color:#ff2d75}
@keyframes nct-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* App list - stack style */
.nct-app-stack{display:flex;flex-direction:column;gap:10px}
.nct-app-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#1a1a2e;border-radius:12px;text-decoration:none;border:1px solid #252540}
.nct-app-row:hover{border-color:#ff2d75}
.nct-app-row mip-img{width:48px;height:48px;border-radius:10px;overflow:hidden;flex-shrink:0}
.nct-app-row strong{display:block;color:#fff;font-size:14px}
.nct-app-row span{font-size:12px;color:#888}
/* News */
.nct-news-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #1a1a2e;text-decoration:none}
.nct-news-item__date{color:#ff2d75;font-size:12px;min-width:40px}
.nct-news-item__title{color:#ddd;font-size:14px}
.nct-news-item:hover .nct-news-item__title{color:#ff2d75}
/* Links/footer */
.nct-links-block{background:#1a1a2e;border-radius:12px;padding:16px;margin-bottom:12px}
.nct-links-block h4{color:#ff2d75;font-size:13px;margin-bottom:8px}
.nct-links-block a{display:inline-block;margin:3px 8px 3px 0;color:#888;text-decoration:none;font-size:12px}
.nct-copy{font-size:11px;color:#444;text-align:center}
/* Detail */
.nct-detail-body{font-size:15px;line-height:1.8;color:#ccc}
.nct-detail-body p{margin-bottom:12px}
.nct-pagination{text-align:center;margin-top:16px}
.nct-pagination a{display:inline-block;padding:6px 12px;border:1px solid #ff2d7544;color:#ff2d75;text-decoration:none;margin:2px;border-radius:4px;font-size:12px}
/* neon_city: small inline logo */
.tpl-logo-img{display:inline-block !important;vertical-align:middle;width:auto;max-width:160px;height:48px;margin-right:6px}

/* About + FAQ */
.nct-about-static{padding:24px 16px;margin:24px 0;border-radius:12px;background:rgba(255,255,255,.06);line-height:1.85}
.nct-about-static__title{font-size:20px;font-weight:700;margin:0 0 12px}
.nct-about-static__text{font-size:15px;text-indent:2em;margin:0;opacity:.92}
.nct-faq{padding:24px 16px;margin:24px 0;border-radius:12px;background:rgba(0,0,0,.06)}
.nct-faq__title{font-size:20px;font-weight:700;margin:0 0 14px;text-align:center}
.nct-faq__list{display:flex;flex-direction:column;gap:10px}
.nct-faq-item{border:1px solid rgba(128,128,128,.25);border-radius:10px;padding:12px 16px;cursor:pointer;transition:background .2s}
.nct-faq-item[open]{background:rgba(255,255,255,.08)}
.nct-faq-item summary{font-weight:600;font-size:15px;list-style:none;display:flex;align-items:center;gap:6px}
.nct-faq-item summary::-webkit-details-marker{display:none}
.nct-faq-ans{margin:10px 0 0;font-size:14px;line-height:1.7;opacity:.9;padding-left:22px}

/* Hero online-action buttons */
.nct-hero-btns{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 4px;justify-content:center;align-items:center}
.nct-hb{display:inline-block;padding:10px 18px;border-radius:25px;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s;color:#fff !important;white-space:nowrap}
.nct-hb:hover{filter:brightness(1.1);transform:translateY(-2px)}
.nct-hb:active{transform:scale(.96)}
.nct-hb--play{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px rgba(16,185,129,.4)}
.nct-hb--enter{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 14px rgba(59,130,246,.4)}
.nct-hb--download{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 4px 14px rgba(168,85,247,.4)}
.nct-hb--register{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 14px rgba(245,158,11,.4)}