.promo-x2{display:flex;justify-content:center;padding:20px 15px 40px}
.promo-card{position:relative;max-width:900px;width:100%;background:linear-gradient(135deg,#1a1a2d,#002b45);border-radius:20px;padding:35px 30px;text-align:center;color:#fff;box-shadow:0 0 30px rgba(0,191,255,0.4);overflow:hidden;animation:promoPulse 2.5s infinite}
.promo-card h2{font-size:2rem;font-weight:800;margin-bottom:15px}
.promo-card h2 span{color:#00ffea;text-shadow:0 0 10px rgba(0,255,234,0.8)}
.promo-card p{font-size:1.05rem;color:#ddd;margin-bottom:20px;line-height:1.5}
.promo-examples{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}
.promo-examples span{background:rgba(0,0,0,0.4);padding:8px 14px;border-radius:10px;font-weight:bold;font-size:.95rem;border:1px solid rgba(0,191,255,0.4)}
.promo-footer{font-size:.9rem;color:#aaa}
.promo-badge{position:absolute;top:15px;right:15px;background:#ff3c00;padding:6px 14px;border-radius:20px;font-weight:bold;font-size:.8rem;box-shadow:0 0 15px rgba(255,60,0,0.7)}
@keyframes promoPulse{0%{box-shadow:0 0 10px rgba(0,191,255,0.4)}50%{box-shadow:0 0 35px rgba(0,191,255,0.8)}100%{box-shadow:0 0 10px rgba(0,191,255,0.4)}}

.main-wrapper{padding:40px 15px 20px}
section.welcome{text-align:center;margin-bottom:20px}
section.welcome h1{font-size:2.5rem;font-weight:800;margin-bottom:10px}
section.welcome p{font-size:1.1rem;color:#ccc}

.quick-actions{margin-top:22px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.qa-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(145deg,#0e0e11,#15151a);box-shadow:0 10px 30px rgba(0,0,0,.55);color:#fff;text-decoration:none;transition:.2s;min-width:170px;justify-content:center}
.qa-btn:hover{transform:translateY(-3px)}
.qa-ico{font-size:18px}
.qa-txt{font-weight:700}

.stats-grid{margin-top:10px;display:flex;justify-content:center}
.stats-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1000px}
.stat-card{background:linear-gradient(160deg,#242750,#1a1c36);color:#fff;border-radius:12px;padding:20px;width:230px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.4);transition:transform .3s ease;position:relative;overflow:hidden}
.stat-card:hover{transform:translateY(-5px)}
.stat-card h6{font-size:14px;margin-bottom:6px;color:#ccc}
.stat-card h4{font-size:22px;font-weight:bold;margin:0}
.stat-card .mini-note{margin-top:10px;font-size:12px;color:#9aa0c7;opacity:.9}
.copy-btn{margin-top:10px;border:none;cursor:pointer;border-radius:12px;padding:10px 12px;font-weight:800;color:#fff;background:linear-gradient(145deg,#0e0e11,#15151a);box-shadow:0 10px 25px rgba(0,0,0,.55);transition:.2s}
.copy-btn:hover{transform:translateY(-2px)}
.copy-btn.is-done{opacity:.85}

.features-strip{padding:20px 20px 0;display:flex;justify-content:center}
.features-wrap{max-width:1100px;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature-card{background:linear-gradient(145deg,#0e0e11,#15151a);border-radius:16px;padding:16px 16px;box-shadow:0 10px 30px rgba(0,0,0,.55);color:#fff;display:flex;flex-direction:column;gap:6px;min-height:88px}
.f-ico{font-size:18px}
.f-title{font-weight:900}
.f-sub{color:#9aa0c7;font-size:13px}

.news-section{padding:60px 20px;color:#fff}
.news-header{text-align:center;margin-bottom:18px}
.news-header h2{font-size:2rem;font-weight:700}
.news-header p{color:#aaa;font-size:.95rem}

.news-toolbar{max-width:1000px;margin:0 auto 22px;display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.news-search{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;background:linear-gradient(145deg,#0e0e11,#15151a);box-shadow:0 10px 30px rgba(0,0,0,.55);border-radius:14px;padding:12px 14px}
.news-search input{flex:1;border:none;outline:none;background:transparent;color:#fff;font-size:14px}
.ns-ico{opacity:.9}
.news-filter{display:flex;gap:10px;flex-wrap:wrap}
.nf-btn{border:none;cursor:pointer;border-radius:14px;padding:12px 14px;font-weight:800;color:#fff;background:linear-gradient(145deg,#0e0e11,#15151a);box-shadow:0 10px 30px rgba(0,0,0,.55);transition:.2s}
.nf-btn:hover{transform:translateY(-2px)}
.nf-btn.is-active{outline:2px solid rgba(0,191,255,.55)}

.news-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.news-card{background:linear-gradient(160deg,#242750,#1a1c36);border-radius:12px;width:300px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 20px rgba(0,0,0,0.4);transition:transform .3s ease;backdrop-filter:blur(8px)}
.news-card:hover{transform:translateY(-5px)}
.news-img-wrapper{position:relative;height:180px;overflow:hidden}
.news-img-wrapper img{width:100%;height:100%;object-fit:cover}
.news-date{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,0.6);padding:4px 10px;font-size:12px;border-radius:6px;color:#fff}
.news-body{padding:15px 20px;display:flex;flex-direction:column;justify-content:space-between;flex:1;text-align:left}
.news-body h5{font-size:1.1rem;margin-bottom:8px;color:#fff}
.news-body p{font-size:.9rem;color:#ccc;flex:1}
.news-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.news-body a{color:#00bfff;font-weight:bold;font-size:.9rem;text-decoration:none}
.news-body a:hover{text-decoration:underline}
.share-btn{border:none;cursor:pointer;border-radius:12px;padding:10px 12px;font-weight:800;color:#fff;background:rgba(0,0,0,.35);border:1px solid rgba(0,191,255,.35);transition:.2s}
.share-btn:hover{transform:translateY(-2px)}
.news-empty{max-width:900px;margin:26px auto 0;text-align:center;color:#9aa0c7;background:linear-gradient(145deg,#0e0e11,#15151a);box-shadow:0 10px 30px rgba(0,0,0,.55);border-radius:16px;padding:18px}

.ticket-reply-popup{position:fixed;top:30px;right:30px;background:#1e1e2d;color:#fff;padding:20px;border-radius:12px;z-index:9999;box-shadow:0 0 15px rgba(0,0,0,0.6);animation:slideIn .5s ease}
.ticket-reply-popup .popup-link{color:#0abde3;text-decoration:underline;font-weight:bold}
.ticket-reply-popup .popup-close{background:none;border:none;color:#ccc;font-size:18px;position:absolute;top:8px;right:12px;cursor:pointer}

.ui-alert{position:fixed;top:25px;right:25px;display:flex;align-items:center;gap:14px;padding:16px 20px;min-width:320px;max-width:420px;border-radius:14px;background:linear-gradient(145deg,#0e0e11,#15151a);box-shadow:0 10px 30px rgba(0,0,0,.6);color:#fff;font-size:14px;animation:alertSlideIn .45s ease forwards;z-index:10000}
.ui-alert-error{border-left:4px solid #ff4d4d}
.ui-alert-success{border-left:4px solid #00ffd9}
.ui-alert-info{border-left:4px solid #4da6ff}
.ui-alert__icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}
.ui-alert-error .ui-alert__icon{background:rgba(255,77,77,.15)}
.ui-alert-success .ui-alert__icon{background:rgba(0,255,217,.15)}
.ui-alert-info .ui-alert__icon{background:rgba(77,166,255,.15)}
.ui-alert-error .ui-alert__icon::before{content:"⛔"}
.ui-alert-success .ui-alert__icon::before{content:"✔"}
.ui-alert-info .ui-alert__icon::before{content:"ℹ"}
.ui-alert__content{flex:1;line-height:1.4}
.ui-alert__close{background:none;border:none;color:#888;font-size:20px;cursor:pointer;transition:.2s}
.ui-alert__close:hover{color:#fff}
@keyframes alertSlideIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
@keyframes slideIn{from{transform:translateX(200px);opacity:0}to{transform:translateX(0);opacity:1}}

@media (max-width: 980px){
  .features-wrap{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 520px){
  .features-wrap{grid-template-columns:1fr}
  .stat-card{width:100%}
  .news-card{width:100%}
  .ticket-reply-popup{left:15px;right:15px;top:15px}
  .ui-alert{left:15px;right:15px;min-width:auto}
}