body{background:#f6f8fb;color:#1f2937}.hero-section{background:linear-gradient(135deg,#0d6efd,#3b82f6);color:#fff}.stat-box{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:24px;padding:28px;backdrop-filter:blur(8px)}.stat-box strong{display:block;font-size:2rem}.stat-box span{font-size:.85rem}.work-card{border-radius:20px;overflow:hidden;transition:.2s}.work-card:hover{transform:translateY(-4px)}.work-cover{height:210px;object-fit:cover}.work-cover-placeholder{height:210px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#eff6ff);font-size:3rem;color:#0d6efd}.detail-cover{width:100%;max-height:430px;object-fit:cover}.article-content{font-size:1.05rem;line-height:1.75}.article-content img{max-width:100%;height:auto;border-radius:12px}.article-content table{width:100%;border-collapse:collapse;margin:1rem 0}.article-content table td,.article-content table th{border:1px solid #ddd;padding:.5rem}.rating-text{color:#f59e0b;font-weight:700;letter-spacing:.5px}.sidebar-card{top:86px}.navbar-brand{letter-spacing:.2px}

.btnInteraction:disabled,
#btnOpenReport:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.article-content iframe.youtube-embed,
.article-content iframe.ql-video,
.article-content iframe[src*="youtube.com/embed"],
.article-content iframe[src*="youtube-nocookie.com/embed"]{
    width:100%;
    max-width:100%;
    aspect-ratio:16/9;
    height:auto;
    border:0;
    border-radius:14px;
    display:block;
    margin:1.25rem 0;
    background:#000;
}

.share-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.5rem;
}
.share-grid .btn{
    white-space:nowrap;
}
.share-inline{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
}
@media (max-width: 420px){
    .share-grid{grid-template-columns:1fr;}
}

.rating-input{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:.15rem}.rating-input input{position:absolute;opacity:0;pointer-events:none}.rating-input label{font-size:2rem;line-height:1;cursor:pointer;color:#cbd5e1;transition:.15s}.rating-input label:hover,.rating-input label:hover~label,.rating-input input:checked~label{color:#f59e0b}.rating-input label:focus-visible{outline:2px solid #0d6efd;outline-offset:3px}.rating-hint{min-height:1.25rem}

.review-form{background:#fff8e1;border:1px solid #ffe08a;border-radius:1rem;padding:1rem}.rating-input-lg label{font-size:2.35rem}.review-form .btn-warning{color:#3b2f00}.sidebar-card{top:5.25rem}

.hero-video-card{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:24px;padding:10px;backdrop-filter:blur(8px)}
.hero-video-card iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:18px;display:block;background:#000}
.hero-video-placeholder{min-height:260px;border:1px dashed rgba(255,255,255,.5);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:1.5rem;background:rgba(0,0,0,.12)}
@media (max-width: 576px){.hero-video-placeholder{min-height:200px}.hero-video-card{border-radius:18px}.hero-video-card iframe{border-radius:14px}}

.home-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.home-stat-card{position:relative;overflow:hidden;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.26);border-radius:18px;padding:1rem .75rem;text-align:center;backdrop-filter:blur(8px);color:#fff}.home-stat-card i{display:block;font-size:1.45rem;opacity:.9;margin-bottom:.35rem}.home-stat-card strong{display:block;font-size:1.35rem;line-height:1.1;font-weight:800}.home-stat-card span{font-size:.78rem;opacity:.92}@media (max-width: 576px){.home-stats-grid{grid-template-columns:1fr;gap:.5rem}.home-stat-card{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:.85rem 1rem}.home-stat-card i{margin:0;font-size:1.35rem}.home-stat-card strong{font-size:1.25rem}.home-stat-card span{min-width:84px;text-align:right}}

/* v21 - Hero video + statistic card redesign */
.hero-section{
    background:
        radial-gradient(circle at 84% 18%, rgba(255,255,255,.18), transparent 28%),
        linear-gradient(135deg,#0b63f6 0%,#2f80ed 54%,#1d4ed8 100%);
}
.hero-badge{
    border-radius:999px;
    box-shadow:0 8px 22px rgba(15,23,42,.12);
}
.hero-lead{
    max-width:760px;
    line-height:1.65;
}
.hero-video-card{
    padding:0 !important;
    overflow:hidden;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.42);
    background:#000;
    box-shadow:0 22px 56px rgba(15,23,42,.28);
    backdrop-filter:none;
}
.hero-video-card .ratio{
    display:block;
    width:100%;
    background:#000;
}
.hero-video-card iframe{
    width:100%;
    height:100%;
    border:0;
    border-radius:0 !important;
    display:block;
    background:#000;
}
.hero-video-placeholder{
    position:absolute;
    inset:0;
    min-height:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:linear-gradient(135deg,rgba(15,23,42,.48),rgba(37,99,235,.36)) !important;
}
.hero-search-card{
    display:block;
}
.hero-search-card .form-control,
.hero-search-card .btn{
    min-height:72px;
    border:0;
    border-radius:18px;
    box-shadow:0 18px 38px rgba(15,23,42,.18);
}
.hero-search-card .form-control{
    font-size:1.05rem;
    padding-left:1.25rem;
}
.hero-search-card .btn{
    font-weight:700;
}
.home-stats-panel{
    border-radius:22px;
    padding:.7rem;
    background:rgba(255,255,255,.17);
    border:1px solid rgba(255,255,255,.34);
    box-shadow:0 18px 38px rgba(15,23,42,.18);
    backdrop-filter:blur(10px);
}
.home-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.6rem;
    height:100%;
}
.home-stat-card{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.7rem;
    text-align:left !important;
    min-height:72px;
    padding:.8rem .65rem !important;
    border-radius:17px !important;
    background:rgba(255,255,255,.22) !important;
    border:1px solid rgba(255,255,255,.24) !important;
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
.home-stat-card i{
    flex:0 0 auto;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    margin:0 !important;
    border-radius:14px;
    background:rgba(255,255,255,.24);
    font-size:1.35rem !important;
    opacity:1 !important;
}
.home-stat-card strong{
    display:block;
    font-size:1.45rem !important;
    line-height:1;
    font-weight:900;
}
.home-stat-card span{
    display:block;
    margin-top:.22rem;
    font-size:.78rem !important;
    opacity:.95;
    white-space:nowrap;
}
@media (max-width: 1199.98px){
    .home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .home-stat-card{justify-content:flex-start;}
}
@media (max-width: 991.98px){
    .hero-video-card{margin-top:.5rem;}
    .hero-search-card .form-control,
    .hero-search-card .btn,
    .home-stat-card{min-height:62px;}
}
@media (max-width: 576px){
    .hero-video-card{border-radius:20px;}
    .home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
    .home-stat-card{gap:.55rem;padding:.72rem .58rem !important;}
    .home-stat-card i{width:34px;height:34px;font-size:1.15rem !important;}
    .home-stat-card strong{font-size:1.25rem !important;}
    .home-stat-card span{font-size:.72rem !important;min-width:0 !important;text-align:left !important;}
}
@media (max-width: 380px){
    .home-stats-grid{grid-template-columns:1fr !important;}
}