/* Results CMS - Modern Semantic Design */
:root {
    --primary: #2563eb;
    --primary-dark: #1d4ed8;
    --primary-light: #dbeafe;
    --accent: #f59e0b;
    --success: #10b981;
    --danger: #ef4444;
    --bg: #f8fafc;
    --bg-white: #ffffff;
    --bg-card: #ffffff;
    --text: #1e293b;
    --text-light: #64748b;
    --text-muted: #94a3b8;
    --border: #e2e8f0;
    --border-light: #f1f5f9;
    --shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
    --shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04);
    --shadow-lg: 0 10px 15px rgba(0,0,0,.05), 0 4px 6px rgba(0,0,0,.04);
    --radius: 10px;
    --radius-sm: 6px;
    --radius-lg: 16px;
    --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --max-w: 1200px;
    --pk-color: #0d6b38;
    --pk-bg: #ecfdf5;
    --in-color: #ea580c;
    --in-bg: #fff7ed;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }
body { font-family: var(--font); background: var(--bg); color: var(--text); line-height: 1.7; font-size: 16px; -webkit-font-smoothing: antialiased; }

a { color: var(--primary); text-decoration: none; transition: .2s; }
a:hover { color: var(--primary-dark); }
img { max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-weight: 700; }
h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
p { margin-bottom: 1rem; }

.container { max-width: var(--max-w); margin: 0 auto; padding: 0 1.25rem; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }

/* Header */
.site-header {
    background: var(--bg-white);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: var(--shadow);
}
.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 0;
    gap: 1rem;
}
.site-logo { display: flex; align-items: center; gap: .5rem; font-size: 1.35rem; font-weight: 800; color: var(--text); }
.site-logo img { height: 38px; width: auto; }
.site-logo span { background: linear-gradient(135deg, var(--primary), #7c3aed); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* Navigation */
.main-nav { display: flex; align-items: center; gap: .25rem; }
.main-nav > a, .nav-dropdown > .nav-trigger {
    padding: .5rem .85rem;
    font-size: .9rem;
    font-weight: 600;
    color: var(--text);
    border-radius: var(--radius-sm);
    transition: .15s;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .3rem;
}
.main-nav > a:hover, .nav-dropdown:hover > .nav-trigger { background: var(--primary-light); color: var(--primary); }
.nav-dropdown { position: relative; }
.nav-dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    min-width: 220px;
    padding: .5rem;
    display: none;
    z-index: 50;
}
.nav-dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu a {
    display: block;
    padding: .5rem .75rem;
    color: var(--text);
    border-radius: var(--radius-sm);
    font-size: .88rem;
    font-weight: 500;
}
.dropdown-menu a:hover { background: var(--primary-light); color: var(--primary); }

.mobile-toggle { display: none; background: none; border: none; font-size: 1.5rem; cursor: pointer; padding: .25rem; }

/* Country Badge */
.country-badge {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .7rem;
    border-radius: 20px;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .02em;
}
.country-badge.pk { background: var(--pk-bg); color: var(--pk-color); }
.country-badge.in { background: var(--in-bg); color: var(--in-color); }

/* Hero Section */
.hero {
    background: linear-gradient(135deg, #1e3a5f 0%, #0f172a 50%, #1a1a2e 100%);
    color: #fff;
    padding: 3.5rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.hero::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle at 30% 50%, rgba(37,99,235,.15) 0%, transparent 50%),
                radial-gradient(circle at 70% 80%, rgba(124,58,237,.1) 0%, transparent 50%);
}
.hero h1 { font-size: 2.2rem; margin-bottom: .75rem; position: relative; }
.hero p { color: #94a3b8; font-size: 1.1rem; max-width: 600px; margin: 0 auto; position: relative; }
.hero .country-switcher {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 1.5rem;
    position: relative;
}
.country-card-link {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1.75rem;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: var(--radius);
    color: #fff;
    font-weight: 700;
    font-size: 1.05rem;
    transition: .2s;
    backdrop-filter: blur(4px);
}
.country-card-link:hover { background: rgba(255,255,255,.15); color: #fff; transform: translateY(-2px); }

/* Breadcrumb */
.breadcrumb { padding: .75rem 0; }
.breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    list-style: none;
    font-size: .85rem;
}
.breadcrumb li::after { content: '›'; margin-left: .3rem; color: var(--text-muted); }
.breadcrumb li:last-child::after { display: none; }
.breadcrumb a { color: var(--text-light); }
.breadcrumb li:last-child span { color: var(--text); font-weight: 600; }

/* Cards Grid */
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
    padding: 1.5rem 0;
}
.result-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    transition: .2s;
    position: relative;
}
.result-card:hover { box-shadow: var(--shadow-md); border-color: var(--primary); transform: translateY(-2px); }
.result-card .card-icon {
    width: 44px;
    height: 44px;
    background: var(--primary-light);
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-bottom: .75rem;
}
.result-card h3 { font-size: 1.05rem; margin-bottom: .25rem; }
.result-card h3 a { color: var(--text); }
.result-card h3 a:hover { color: var(--primary); }
.result-card .card-meta { font-size: .82rem; color: var(--text-muted); display: flex; gap: .75rem; flex-wrap: wrap; margin-top: .5rem; }
.result-card .card-province { font-size: .8rem; color: var(--text-light); background: var(--border-light); padding: .15rem .5rem; border-radius: 12px; display: inline-block; margin-top: .4rem; }
.result-card .priority-badge {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: .7rem;
    font-weight: 700;
    padding: .15rem .5rem;
    border-radius: 12px;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.priority-badge.high { background: #dcfce7; color: #15803d; }
.priority-badge.medium { background: #fef3c7; color: #b45309; }
.priority-badge.low { background: var(--border-light); color: var(--text-muted); }

/* Page Layout with Sidebar */
.page-layout { display: grid; grid-template-columns: 1fr 320px; gap: 2rem; padding: 2rem 0; }
.page-main { min-width: 0; }
.page-sidebar { display: flex; flex-direction: column; gap: 1.25rem; }

/* Content Area */
.content-area {
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 2rem;
}
.content-area h1 { margin-bottom: .5rem; }
.content-area .page-description { color: var(--text-light); font-size: 1.05rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--border); }

.content-section { margin-top: 2rem; }
.content-section h2 { font-size: 1.3rem; margin-bottom: 1rem; padding-bottom: .5rem; border-bottom: 2px solid var(--primary-light); }
.content-html { line-height: 1.8; }
.content-html h2, .content-html h3 { margin-top: 1.5rem; margin-bottom: .75rem; }
.content-html p { margin-bottom: 1rem; }
.content-html ul, .content-html ol { margin: 1rem 0; padding-left: 1.5rem; }
.content-html table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.content-html table th, .content-html table td { padding: .5rem .75rem; border: 1px solid var(--border); text-align: left; }
.content-html table th { background: var(--border-light); font-weight: 600; }

/* Result Display Box */
.result-box {
    background: linear-gradient(135deg, var(--primary-light), #ede9fe);
    border: 2px solid var(--primary);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    text-align: center;
    margin: 1.5rem 0;
}
.result-box h3 { color: var(--primary-dark); margin-bottom: .75rem; font-size: 1.2rem; }
.result-box .result-status {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem 1rem;
    border-radius: 20px;
    font-weight: 700;
    font-size: .85rem;
}
.result-status.pending { background: #fef3c7; color: #b45309; }
.result-status.announced { background: #dcfce7; color: #15803d; }
.result-status.expected { background: var(--primary-light); color: var(--primary); }

/* Official Website Link */
.official-link {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem 1.25rem;
    background: var(--primary);
    color: #fff;
    border-radius: var(--radius);
    font-weight: 600;
    font-size: .9rem;
    margin: .75rem 0;
    transition: .2s;
}
.official-link:hover { background: var(--primary-dark); color: #fff; transform: translateY(-1px); }

/* Class Cards */
.class-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin: 1.25rem 0; }
.class-card {
    background: var(--bg-white);
    border: 2px solid var(--border);
    border-radius: var(--radius);
    padding: 1.25rem;
    text-align: center;
    transition: .2s;
    display: block;
    color: var(--text);
}
.class-card:hover { border-color: var(--primary); box-shadow: var(--shadow-md); color: var(--primary); }
.class-card .class-num { font-size: 1.75rem; font-weight: 800; color: var(--primary); }
.class-card .class-label { font-size: .85rem; color: var(--text-light); margin-top: .25rem; }

/* FAQs */
.faq-section { margin-top: 2rem; }
.faq-item { border-bottom: 1px solid var(--border); }
.faq-question {
    padding: 1rem 0;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    user-select: none;
}
.faq-question::after { content: '+'; font-size: 1.25rem; color: var(--primary); transition: .2s; flex-shrink: 0; }
.faq-item.open .faq-question::after { content: '−'; }
.faq-answer { padding: 0 0 1rem; color: var(--text-light); display: none; line-height: 1.7; }
.faq-item.open .faq-answer { display: block; }

/* Sidebar Widgets */
.sidebar-widget {
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
}
.sidebar-widget h4 { font-size: 1rem; margin-bottom: .75rem; padding-bottom: .5rem; border-bottom: 2px solid var(--primary-light); display: flex; align-items: center; gap: .4rem; }
.sidebar-list { list-style: none; }
.sidebar-list li a {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem 0;
    color: var(--text);
    font-size: .88rem;
    border-bottom: 1px solid var(--border-light);
}
.sidebar-list li a:hover { color: var(--primary); }
.sidebar-list li:last-child a { border: none; }

/* Share Buttons */
.share-buttons { display: flex; align-items: center; gap: .5rem; margin: 1.25rem 0; flex-wrap: wrap; }
.share-label { font-weight: 600; font-size: .9rem; color: var(--text-light); }
.share-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: .2s;
}
.share-btn:hover { transform: scale(1.1); color: #fff; }
.share-fb { background: #1877f2; }
.share-tw { background: #1da1f2; }
.share-wa { background: #25d366; }
.share-tg { background: #0088cc; }

/* Comments */
.comments-section { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 2px solid var(--border); }
.comments-section h3 { margin-bottom: 1.25rem; }
.comment-item { display: flex; gap: .75rem; padding: 1rem 0; border-bottom: 1px solid var(--border-light); }
.comment-avatar {
    width: 38px;
    height: 38px;
    background: var(--primary-light);
    color: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .9rem;
    flex-shrink: 0;
}
.comment-body strong { font-size: .9rem; }
.comment-body time { font-size: .75rem; color: var(--text-muted); margin-left: .5rem; }
.comment-body p { margin: .3rem 0 0; font-size: .9rem; color: var(--text-light); }

.comment-form-wrap { margin-top: 1.5rem; background: var(--border-light); border-radius: var(--radius); padding: 1.25rem; }
.comment-form-wrap h4 { margin-bottom: .75rem; }
.form-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-bottom: .75rem; }
.comment-form-wrap input, .comment-form-wrap textarea {
    width: 100%;
    padding: .65rem .85rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-family: var(--font);
    font-size: .9rem;
    background: var(--bg-white);
    transition: .2s;
}
.comment-form-wrap textarea { margin-bottom: .75rem; resize: vertical; }
.comment-form-wrap input:focus, .comment-form-wrap textarea:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(37,99,235,.1); }
.btn-comment {
    padding: .6rem 1.5rem;
    background: var(--primary);
    color: #fff;
    border: none;
    border-radius: var(--radius-sm);
    font-weight: 600;
    font-size: .9rem;
    cursor: pointer;
    transition: .2s;
}
.btn-comment:hover { background: var(--primary-dark); }

#commentMsg { margin-bottom: .75rem; }
.msg-success { background: #dcfce7; color: #15803d; padding: .5rem .75rem; border-radius: var(--radius-sm); font-size: .85rem; }
.msg-error { background: #fee2e2; color: #b91c1c; padding: .5rem .75rem; border-radius: var(--radius-sm); font-size: .85rem; }

/* Contact Form */
.contact-form { max-width: 640px; }
.form-group { margin-bottom: 1rem; }
.form-group label { display: block; font-weight: 600; margin-bottom: .3rem; font-size: .9rem; }
.form-group input, .form-group textarea, .form-group select {
    width: 100%;
    padding: .7rem 1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-family: var(--font);
    font-size: .95rem;
    transition: .2s;
}
.form-group input:focus, .form-group textarea:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(37,99,235,.1); }
.btn-submit {
    padding: .75rem 2rem;
    background: var(--primary);
    color: #fff;
    border: none;
    border-radius: var(--radius);
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    transition: .2s;
}
.btn-submit:hover { background: var(--primary-dark); transform: translateY(-1px); }

/* Lottery Today */
.lottery-today {
    background: linear-gradient(135deg, #fef3c7, #fed7aa);
    border: 2px solid var(--accent);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    text-align: center;
    margin: 1.5rem 0;
}
.lottery-today .today-date { font-size: .85rem; color: #92400e; font-weight: 600; }
.lottery-today .today-result { font-size: 2rem; font-weight: 800; color: #92400e; margin: .5rem 0; }

/* Pagination */
.pagination { display: flex; justify-content: center; gap: .4rem; padding: 2rem 0; flex-wrap: wrap; }
.pagination a {
    padding: .5rem .85rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text);
    font-weight: 600;
    font-size: .88rem;
}
.pagination a:hover, .pagination a.pg-active { background: var(--primary); color: #fff; border-color: var(--primary); }

/* Footer */
.site-footer {
    background: #0f172a;
    color: #94a3b8;
    padding: 3rem 0 1.5rem;
    margin-top: 3rem;
}
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 2rem; margin-bottom: 2rem; }
.footer-col h4 { color: #fff; font-size: 1rem; margin-bottom: 1rem; }
.footer-col p { font-size: .88rem; line-height: 1.7; }
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: .4rem; }
.footer-col ul a { color: #94a3b8; font-size: .88rem; }
.footer-col ul a:hover { color: #fff; }
.footer-bottom { border-top: 1px solid #1e293b; padding-top: 1.5rem; display: flex; justify-content: space-between; align-items: center; font-size: .82rem; flex-wrap: wrap; gap: .5rem; }
.footer-social { display: flex; gap: .75rem; }
.footer-social a { color: #64748b; font-size: 1.1rem; }
.footer-social a:hover { color: #fff; }

/* Ad Slots */
.ad-slot { text-align: center; padding: 1rem 0; min-height: 50px; }

/* Section Title */
.section-title {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.3rem;
    font-weight: 700;
    margin: 2rem 0 1rem;
    padding-bottom: .5rem;
    border-bottom: 3px solid var(--primary);
}

/* Search Box */
.search-box {
    max-width: 500px;
    margin: 1.5rem auto;
    position: relative;
}
.search-box input {
    width: 100%;
    padding: .8rem 1rem .8rem 2.75rem;
    border: 2px solid rgba(255,255,255,.2);
    border-radius: var(--radius-lg);
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 1rem;
    font-family: var(--font);
    backdrop-filter: blur(4px);
}
.search-box input::placeholder { color: #94a3b8; }
.search-box input:focus { outline: none; border-color: var(--primary); background: rgba(255,255,255,.12); }
.search-box .search-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #94a3b8; }

/* Blog */
.blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 1.5rem; }
.blog-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: .2s;
}
.blog-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.blog-card-img { height: 200px; background: var(--border-light); overflow: hidden; }
.blog-card-img img { width: 100%; height: 100%; object-fit: cover; }
.blog-card-body { padding: 1.25rem; }
.blog-card-body h3 { font-size: 1.1rem; margin-bottom: .4rem; }
.blog-card-body h3 a { color: var(--text); }
.blog-card-body h3 a:hover { color: var(--primary); }
.blog-card-body .excerpt { font-size: .88rem; color: var(--text-light); margin-bottom: .75rem; }
.blog-card-meta { font-size: .8rem; color: var(--text-muted); display: flex; gap: 1rem; }

/* Stats Row */
.stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.stat-card {
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1.25rem;
    text-align: center;
}
.stat-num { font-size: 1.75rem; font-weight: 800; color: var(--primary); }
.stat-label { font-size: .85rem; color: var(--text-light); margin-top: .25rem; }

/* Responsive */
@media (max-width: 1024px) {
    .page-layout { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
    .mobile-toggle { display: block; }
    .main-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--bg-white); flex-direction: column; padding: 1rem; border-bottom: 1px solid var(--border); box-shadow: var(--shadow-lg); }
    .main-nav.open { display: flex; }
    .nav-dropdown .dropdown-menu { position: static; box-shadow: none; border: none; padding-left: 1rem; }
    .nav-dropdown:hover .dropdown-menu { display: block; }
    .class-cards { grid-template-columns: repeat(2, 1fr); }
    .cards-grid { grid-template-columns: 1fr; }
    .hero h1 { font-size: 1.6rem; }
    .form-row-2 { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom { flex-direction: column; text-align: center; }
    h1 { font-size: 1.6rem; }
    .content-area { padding: 1.25rem; }
    .blog-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .country-switcher { flex-direction: column; align-items: center; }
    .header-inner { flex-wrap: wrap; }
}

/* PDF Download Box */
.pdf-download-box {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    background: var(--primary-light);
    border: 1px solid var(--primary);
    border-radius: var(--radius);
    padding: 1.25rem 1.5rem;
    margin: 1.5rem 0;
}
.pdf-icon { flex-shrink: 0; }
.pdf-info h3 { margin: 0 0 .25rem; font-size: 1rem; color: var(--text); }
.pdf-info p { margin: 0 0 .5rem; font-size: .9rem; color: var(--text-light); }
.btn-download {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: var(--primary);
    color: #fff;
    padding: .55rem 1.2rem;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    font-size: .9rem;
    transition: background .2s;
}
.btn-download:hover { background: var(--primary-dark); }
@media (max-width: 600px) {
    .pdf-download-box { flex-direction: column; text-align: center; }
}

/* ========== HOMEPAGE STYLES ========== */

/* Hero */
.hp-hero{background:#0a0f1e;color:#fff;padding:5rem 0 4rem;text-align:center;position:relative;overflow:hidden;min-height:420px;display:flex;align-items:center}
.hp-hero-bg{position:absolute;inset:0;overflow:hidden}
.hp-hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:orbFloat 8s ease-in-out infinite}
.hp-hero-orb1{width:400px;height:400px;background:radial-gradient(circle,#3b82f6,transparent);top:-100px;left:-50px;animation-delay:0s}
.hp-hero-orb2{width:350px;height:350px;background:radial-gradient(circle,#8b5cf6,transparent);bottom:-80px;right:-30px;animation-delay:2s}
.hp-hero-orb3{width:250px;height:250px;background:radial-gradient(circle,#06b6d4,transparent);top:50%;left:60%;animation-delay:4s;opacity:.25}
@keyframes orbFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.08)}}
.hp-hero-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 70%)}
.hp-hero-inner{position:relative;z-index:2;max-width:740px;margin:0 auto}
.hp-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(59,130,246,.12);border:1px solid rgba(59,130,246,.25);color:#93c5fd;padding:.4rem 1.35rem;border-radius:50px;font-size:.82rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.03em;backdrop-filter:blur(8px)}
.hp-badge-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;display:inline-block;animation:dotPulse 2s ease-in-out infinite}
@keyframes dotPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{opacity:.7;box-shadow:0 0 0 8px rgba(59,130,246,0)}}
.hp-hero h1{font-size:2.8rem;font-weight:800;margin-bottom:.85rem;line-height:1.15;color:#fff;letter-spacing:-.02em}
.hp-hero-sub{color:#94a3b8;font-size:1.1rem;margin-bottom:2rem;line-height:1.6;max-width:580px;margin-left:auto;margin-right:auto}
.hp-search-wrap{position:relative;max-width:540px;margin:0 auto 2.5rem}
.hp-search-icon{position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);color:#64748b}
.hp-search-wrap input{width:100%;padding:.95rem 1.15rem .95rem 3rem;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;font-size:1rem;backdrop-filter:blur(12px);transition:.3s;font-family:inherit}
.hp-search-wrap input::placeholder{color:#4b5563}
.hp-search-wrap input:focus{outline:none;border-color:#3b82f6;background:rgba(255,255,255,.1);box-shadow:0 0 0 4px rgba(59,130,246,.15),0 8px 30px rgba(0,0,0,.2)}
.hp-search-dropdown{position:absolute;top:100%;left:0;right:0;background:#1e293b;border:1px solid #334155;border-radius:12px;margin-top:.5rem;display:none;z-index:100;max-height:320px;overflow-y:auto;box-shadow:0 15px 40px rgba(0,0,0,.4)}
.hp-sr-item{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;text-decoration:none;color:#e2e8f0;border-bottom:1px solid #334155;transition:.15s}
.hp-sr-item:last-child{border-bottom:0}
.hp-sr-item:hover{background:#334155}
.hp-sr-name{font-weight:600;font-size:.9rem}
.hp-sr-meta{font-size:.78rem;color:#64748b}
.hp-sr-empty{padding:1rem;text-align:center;color:#64748b;font-size:.9rem}
.hp-hero-stats{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap}
.hp-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.85rem 1.5rem;text-align:center;backdrop-filter:blur(8px);min-width:90px;transition:.3s}
.hp-stat:hover{background:rgba(255,255,255,.08);border-color:rgba(59,130,246,.3);transform:translateY(-2px)}
.hp-stat-num{font-size:1.6rem;font-weight:800;color:#fff;display:block;line-height:1}
.hp-stat-label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.07em;margin-top:.3rem;display:block}

/* Sections */
.hp-section{padding:3rem 0}
.hp-section-alt{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}
.hp-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;flex-wrap:wrap;gap:.75rem}
.hp-section-head h2{font-size:1.4rem;font-weight:800;color:var(--text);margin:0;position:relative;padding-left:1rem}
.hp-section-head h2::before{content:'';position:absolute;left:0;top:.15em;bottom:.15em;width:4px;background:linear-gradient(180deg,var(--primary),#8b5cf6);border-radius:2px}
.hp-section-title-center{text-align:center;font-size:1.4rem;font-weight:800;margin-bottom:1.75rem;color:var(--text)}

/* Country Tabs */
.hp-country-tabs{display:flex;gap:.35rem;background:rgba(0,0,0,.05);border-radius:10px;padding:4px}
.hp-tab{padding:.45rem 1.15rem;border:none;background:transparent;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;color:#64748b;transition:.25s;font-family:inherit}
.hp-tab.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.hp-tab:hover:not(.active){color:var(--text);background:rgba(0,0,0,.03)}
.hp-tab-content{display:none}
.hp-tab-content.active{display:block}

/* Board Cards Grid */
.hp-board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}
.hp-board-card{display:block;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:1.15rem;text-decoration:none;transition:.25s;color:var(--text);position:relative;overflow:hidden}
.hp-board-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#8b5cf6);opacity:0;transition:.25s}
.hp-board-card:hover{border-color:var(--primary);box-shadow:0 8px 25px rgba(37,99,235,.1);transform:translateY(-3px)}
.hp-board-card:hover::before{opacity:1}
.hp-board-top{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}
.hp-board-logo{width:36px;height:36px;border-radius:8px;object-fit:contain;background:#f1f5f9;padding:3px;flex-shrink:0}
.hp-board-logo-placeholder{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.hp-board-name{font-weight:700;font-size:.95rem;color:var(--text)}
.hp-badge{font-size:.65rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}
.hp-badge-high{background:#dcfce7;color:#166534}
.hp-badge-medium{background:#fef9c3;color:#854d0e}
.hp-badge-low{background:#e2e8f0;color:#475569}
.hp-board-info{font-size:.78rem;color:var(--text-light);margin-bottom:.65rem;line-height:1.4}
.hp-board-classes{display:flex;gap:.3rem}
.hp-board-classes span{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--primary);font-size:.72rem;font-weight:700;padding:.25rem .6rem;border-radius:5px;transition:.15s}
.hp-board-card:hover .hp-board-classes span{background:var(--primary);color:#fff}

/* University Grid */
.hp-uni-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.7rem}
.hp-uni-card{display:flex;flex-direction:column;align-items:center;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:1rem .85rem;text-decoration:none;text-align:center;transition:.25s;position:relative;overflow:hidden}
.hp-uni-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#3b82f6);opacity:0;transition:.25s}
.hp-uni-card:hover{border-color:var(--primary);box-shadow:0 6px 20px rgba(37,99,235,.1);transform:translateY(-3px)}
.hp-uni-card:hover::after{opacity:1}
.hp-uni-short{font-weight:700;font-size:.95rem;color:var(--text);margin-bottom:.25rem}
.hp-uni-type{font-size:.75rem;color:var(--text-light)}

/* Lottery Grid */
.hp-lottery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem}
.hp-lottery-card{display:flex;align-items:center;gap:.85rem;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:1.15rem;text-decoration:none;transition:.25s;position:relative;overflow:hidden}
.hp-lottery-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#f59e0b,#ef4444);opacity:0;transition:.25s}
.hp-lottery-card:hover{border-color:#f59e0b;box-shadow:0 6px 20px rgba(245,158,11,.12);transform:translateY(-3px)}
.hp-lottery-card:hover::before{opacity:1}
.hp-lottery-body{display:flex;flex-direction:column;gap:.2rem}
.hp-lottery-name{font-weight:700;font-size:.95rem;color:var(--text)}
.hp-lottery-freq{font-size:.78rem;color:var(--text-light)}
.hp-lottery-live{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:#16a34a;background:#dcfce7;padding:.2rem .6rem;border-radius:5px;width:fit-content}
.hp-lottery-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#16a34a;animation:dotPulse 2s ease-in-out infinite}

/* Quick Links */
.hp-quick-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem}
.hp-qlink{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:1.25rem .75rem;text-decoration:none;font-size:.88rem;font-weight:600;color:var(--text);transition:.25s;position:relative;overflow:hidden}
.hp-qlink::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#8b5cf6);opacity:0;transition:.25s}
.hp-qlink:hover{border-color:var(--primary);box-shadow:0 8px 25px rgba(37,99,235,.12);transform:translateY(-4px)}
.hp-qlink:hover::before{opacity:1}
.hp-qlink span{font-size:1.8rem;line-height:1;display:block}
@media(max-width:600px){.hp-quick-links{grid-template-columns:repeat(3,1fr)}.hp-qlink{padding:.85rem .5rem}.hp-qlink span{font-size:1.4rem}}

/* News Grid */
.hp-news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.hp-news-card{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;transition:.25s}
.hp-news-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.08);transform:translateY(-3px);border-color:var(--primary)}
.hp-news-img{height:140px;background-size:cover;background-position:center;background-color:#e2e8f0}
.hp-news-placeholder{display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#94a3b8}
.hp-news-body{padding:.85rem 1rem}
.hp-news-date{font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:.3rem}
.hp-news-body h3{font-size:.95rem;font-weight:700;color:var(--text);line-height:1.4;margin:0}

/* FAQ */
.hp-faq-list{max-width:780px;margin:0 auto}
.hp-faq-item{background:#fff;border:1.5px solid var(--border);border-radius:12px;margin-bottom:.6rem;overflow:hidden;transition:.2s}
.hp-faq-item:hover{border-color:var(--primary)}
.hp-faq-item.open{border-color:var(--primary);box-shadow:0 4px 15px rgba(37,99,235,.08)}
.hp-faq-q{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;background:none;border:none;font-size:.95rem;font-weight:600;color:var(--text);cursor:pointer;text-align:left;font-family:inherit;line-height:1.4}
.hp-faq-q::after{content:'+';font-size:1.3rem;font-weight:400;color:var(--text-light);flex-shrink:0;margin-left:.5rem;transition:.3s}
.hp-faq-item.open .hp-faq-q::after{content:'-';color:var(--primary);transform:rotate(180deg)}
.hp-faq-item.open .hp-faq-q{color:var(--primary)}
.hp-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.hp-faq-item.open .hp-faq-a{max-height:400px}
.hp-faq-a div{padding:0 1.25rem 1.15rem;font-size:.9rem;color:var(--text-light);line-height:1.7}

/* View All Link */
.hp-view-all{text-align:center;margin-top:1.5rem}
.hp-view-all a{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--primary);text-decoration:none;font-size:.9rem;padding:.6rem 1.5rem;border:1.5px solid var(--primary);border-radius:10px;transition:.25s}
.hp-view-all a:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px rgba(37,99,235,.2)}

/* Responsive */
@media (max-width:768px) {
    .hp-hero{padding:3rem 0 2.5rem;min-height:auto}
    .hp-hero h1{font-size:1.8rem}
    .hp-hero-sub{font-size:.92rem}
    .hp-hero-stats{gap:.65rem}
    .hp-stat{padding:.6rem 1rem;min-width:75px}
    .hp-stat-num{font-size:1.2rem}
    .hp-hero-orb1{width:250px;height:250px}
    .hp-hero-orb2{width:200px;height:200px}
    .hp-section-head{flex-direction:column;align-items:flex-start}
    .hp-board-grid{grid-template-columns:1fr 1fr}
    .hp-uni-grid{grid-template-columns:1fr 1fr}
    .hp-lottery-grid{grid-template-columns:1fr}
    .hp-news-grid{grid-template-columns:1fr}
}
@media (max-width:480px) {
    .hp-hero{padding:2.5rem 0 2rem}
    .hp-hero h1{font-size:1.5rem}
    .hp-stat{padding:.5rem .75rem;min-width:60px}
    .hp-stat-num{font-size:1.1rem}
    .hp-board-grid{grid-template-columns:1fr}
    .hp-uni-grid{grid-template-columns:1fr 1fr}
    .hp-hero-stats{gap:.8rem}
    .hp-stat-num{font-size:1rem}
    .hp-section{padding:1.5rem 0}
}

/* Header Top Bar */
.header-topbar{background:#0f172a;padding:.4rem 0;font-size:.78rem}
.topbar-inner{display:flex;justify-content:space-between;align-items:center}
.topbar-text{color:#94a3b8;font-weight:500}
.topbar-country{display:flex;gap:.25rem}
.topbar-flag{color:#94a3b8;text-decoration:none;padding:.2rem .6rem;border-radius:4px;font-weight:600;transition:.15s;border:1px solid transparent}
.topbar-flag:hover,.topbar-flag.active{color:#fff;background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3)}
@media(max-width:600px){.topbar-text{display:none}.topbar-inner{justify-content:flex-end}}

/* Country Switch Button in Nav */
.nav-switch-country{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff !important;padding:.35rem .85rem !important;border-radius:6px;font-weight:600;font-size:.85rem;white-space:nowrap;transition:.2s}
.nav-switch-country:hover{opacity:.9;transform:translateY(-1px)}

/* Draw Info Bar */
.draw-info-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}
.draw-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;background:#eff6ff;color:var(--primary);border:1px solid #bfdbfe}
.draw-badge.draw-city{background:#f0fdf4;color:#166534;border-color:#bbf7d0}
.draw-badge.draw-date{background:#fefce8;color:#854d0e;border-color:#fde68a}
.next-draw-info{margin-top:.75rem;font-size:.9rem;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;padding:.5rem .85rem;border-radius:8px;display:inline-block}
.draw-history-table{overflow-x:auto}
.draw-history-table table{width:100%;border-collapse:collapse}
.draw-history-table th{padding:.55rem .75rem;background:var(--border-light);border:1px solid var(--border);font-size:.85rem;text-align:left;color:var(--text-light)}
.draw-history-table td{padding:.5rem .75rem;border:1px solid var(--border);font-size:.9rem}
.draw-history-table tr:hover{background:#f8fafc}

/* ========== CLASS PAGE DESIGN ========== */

/* Result Status Box */
.class-result-box{border:2px solid var(--border);border-radius:12px;overflow:hidden;margin:1.5rem 0}
.class-result-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;background:linear-gradient(135deg,#0f172a,#1e3a5f);color:#fff}
.class-result-title{font-weight:700;font-size:1.05rem}
.class-result-status{padding:.3rem .75rem;border-radius:6px;font-size:.8rem;font-weight:700;color:#fff}
.class-result-body{padding:1.25rem}
.class-result-announced,.class-result-expected,.class-result-pending{display:flex;align-items:center;gap:.85rem;padding:.85rem;border-radius:8px}
.class-result-announced{background:#f0fdf4;border:1px solid #bbf7d0}
.class-result-expected{background:#eff6ff;border:1px solid #bfdbfe}
.class-result-pending{background:#fefce8;border:1px solid #fde68a}
.result-check-icon{font-size:1.8rem;flex-shrink:0}
.class-result-announced div,.class-result-expected div,.class-result-pending div{display:flex;flex-direction:column;gap:.15rem}
.class-result-announced strong,.class-result-expected strong,.class-result-pending strong{font-size:.95rem;color:var(--text)}
.class-result-announced span,.class-result-expected span,.class-result-pending span{font-size:.85rem;color:var(--text-light)}
.class-result-embed{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}

/* Board Info Table */
.class-info-table-wrap{margin:1.5rem 0}
.class-info-table-wrap h2{font-size:1.15rem;margin-bottom:.75rem}
.class-info-table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.class-info-table tr{border-bottom:1px solid var(--border)}
.class-info-table tr:last-child{border-bottom:none}
.class-info-table tr:nth-child(even){background:#f8fafc}
.class-info-table td{padding:.65rem 1rem;font-size:.9rem;vertical-align:top}
.class-info-table .info-label{width:35%;color:var(--text-light);font-weight:500;background:#f1f5f9}
.class-info-table .info-value{font-weight:500;color:var(--text)}

/* Class Cards Grid */
.class-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.65rem}
.class-card-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.85rem .75rem;border:2px solid var(--border);border-radius:10px;text-decoration:none;transition:.2s;background:#fff}
.class-card-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.class-card-item.active{border-color:var(--primary);background:var(--primary-light)}
.class-card-num{font-size:1.5rem;font-weight:800;color:var(--primary);line-height:1}
.class-card-label{font-size:.8rem;color:var(--text-light);margin:.25rem 0}
.class-card-status{font-size:.65rem;font-weight:700;color:#fff;padding:.15rem .45rem;border-radius:4px}

/* Official Link */
.official-link{display:inline-flex;align-items:center;gap:.4rem;background:#eff6ff;border:1px solid #bfdbfe;color:var(--primary);padding:.55rem 1.15rem;border-radius:8px;font-weight:600;text-decoration:none;font-size:.9rem;margin:1rem 0;transition:.2s}
.official-link:hover{background:var(--primary);color:#fff}

@media(max-width:600px){
    .class-info-table .info-label{width:40%}
    .class-cards-grid{grid-template-columns:repeat(2,1fr)}
    .class-result-header{flex-direction:column;gap:.5rem;text-align:center}
}

/* ========== DRAW PAGE - PRIZE CARDS ========== */
.draw-page-header{background:linear-gradient(135deg,#0f172a,#1e3a5f);border-radius:12px;padding:1.25rem 1.5rem;margin:1.5rem 0;text-align:center;color:#fff}
.draw-page-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}
.draw-page-badge{padding:.3rem .75rem;border-radius:6px;font-size:.82rem;font-weight:600;background:rgba(255,255,255,.15);color:#e2e8f0}
.draw-city-badge{background:rgba(16,185,129,.2);color:#6ee7b7}
.draw-date-badge{background:rgba(245,158,11,.2);color:#fcd34d}
.draw-page-denom{font-size:1.3rem;font-weight:800}

/* Prize Cards */
.prize-card{border-radius:12px;margin:1rem 0;overflow:hidden;border:2px solid var(--border)}
.prize-card-label{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;flex-wrap:wrap;gap:.5rem}
.prize-rank{font-weight:800;font-size:1rem}
.prize-amount{font-size:.9rem;color:var(--text-light)}
.prize-numbers{padding:1rem 1.25rem}

/* 1st Prize */
.prize-1st{border-color:#f59e0b}
.prize-1st .prize-card-label{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}
.prize-1st-number{text-align:center;font-size:2.5rem;font-weight:900;color:#92400e;letter-spacing:.15em;background:#fffbeb;padding:1.5rem}
@media(max-width:600px){.prize-1st-number{font-size:1.8rem}}

/* 2nd Prize */
.prize-2nd{border-color:#94a3b8}
.prize-2nd .prize-card-label{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}
.prize-2nd-numbers{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;background:#f8fafc;padding:1.25rem}
.prize-num-box{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.6rem 1.25rem;font-size:1.3rem;font-weight:800;color:#334155;letter-spacing:.1em}
@media(max-width:600px){.prize-num-box{font-size:1rem;padding:.5rem .85rem}}

/* 3rd Prize */
.prize-3rd{border-color:#d4a574}
.prize-3rd .prize-card-label{background:linear-gradient(135deg,#d4a574,#b8860b);color:#fff}
.prize-3rd-numbers{font-family:monospace;font-size:.85rem;line-height:1.8;color:#475569;padding:1rem 1.25rem;background:#fafaf9;max-height:400px;overflow-y:auto;columns:3;column-gap:1rem}
@media(max-width:768px){.prize-3rd-numbers{columns:2}}
@media(max-width:480px){.prize-3rd-numbers{columns:1;font-size:.8rem}}

.draw-custom-html{margin:1.5rem 0;padding:1rem;background:#f8fafc;border:1px solid var(--border);border-radius:8px}

/* Announced Class Card Highlight */
.class-card-item.announced{border-color:#10b981;background:#f0fdf4;position:relative}
.class-card-item.announced::after{content:'NEW';position:absolute;top:-6px;right:-6px;background:#10b981;color:#fff;font-size:.6rem;font-weight:800;padding:.15rem .4rem;border-radius:4px;letter-spacing:.05em}
.class-card-date{font-size:.7rem;color:var(--text-muted);margin-top:.15rem}

/* Related Links List */
.related-links-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.4rem}
.related-links-list li a{display:block;padding:.5rem .75rem;background:#f8fafc;border:1px solid var(--border);border-radius:6px;text-decoration:none;color:var(--text);font-size:.88rem;transition:.15s}
.related-links-list li a:hover{border-color:var(--primary);color:var(--primary);background:#eff6ff}

/* Content HTML Styling */
.content-html h2{font-size:1.25rem;margin:1.5rem 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-light);color:var(--text)}
.content-html h3{font-size:1.1rem;margin:1.25rem 0 .5rem;color:var(--text)}
.content-html p{margin:.6rem 0;line-height:1.7;color:#374151}
.content-html ol,.content-html ul{padding-left:1.5rem;margin:.75rem 0}
.content-html li{margin:.35rem 0;line-height:1.6}
.content-html strong{color:var(--text)}
.content-html a{color:var(--primary)}

/* Status Highlight Badges in Table */
.status-highlight{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:6px;font-weight:700;font-size:.88rem}
.status-pending{background:#fef9c3;color:#92400e;border:1px solid #fde68a}
.status-expected{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}
.status-announced{background:#dcfce7;color:#166534;border:1px solid #86efac}

/* Topbar Country Dropdown */
.topbar-dropdown{position:relative}
.topbar-dd-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#e2e8f0;padding:.3rem .85rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:.15s}
.topbar-dd-btn:hover{background:rgba(255,255,255,.18)}
.topbar-dd-menu{display:none;position:absolute;top:100%;right:0;background:#1e293b;border:1px solid #334155;border-radius:8px;margin-top:.35rem;min-width:160px;box-shadow:0 10px 25px rgba(0,0,0,.3);z-index:200;overflow:hidden}
.topbar-dropdown:hover .topbar-dd-menu,.topbar-dropdown:focus-within .topbar-dd-menu{display:block}
.topbar-dd-menu a{display:block;padding:.55rem .85rem;color:#cbd5e1;text-decoration:none;font-size:.85rem;font-weight:500;transition:.15s;border-bottom:1px solid #334155}
.topbar-dd-menu a:last-child{border-bottom:none}
.topbar-dd-menu a:hover,.topbar-dd-menu a.active{background:rgba(59,130,246,.15);color:#93c5fd}
.topbar-dd-menu a.active{font-weight:700}

/* ========== LOTTERY TIME-BASED RESULTS ========== */
.lottery-today-card{border:2px solid var(--border);border-radius:12px;overflow:hidden;margin:1.5rem 0}
.lottery-today-header{background:linear-gradient(135deg,#0f172a,#1e3a5f);padding:1rem 1.25rem;color:#fff}
.lottery-today-date{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}
.lottery-today-badges{display:flex;flex-wrap:wrap;gap:.4rem}
.lottery-draws-table{overflow-x:auto}
.lottery-draws-table table{width:100%;border-collapse:collapse}
.lottery-draws-table th{padding:.6rem .85rem;background:#f1f5f9;border:1px solid var(--border);font-size:.82rem;text-align:left;color:var(--text-light)}
.lottery-draws-table td{padding:.55rem .85rem;border:1px solid var(--border);font-size:.9rem}
.lottery-draws-table .row-announced{background:#f0fdf4}
.lottery-draws-table .row-announced td{border-color:#bbf7d0}
.prize-number-cell{font-size:1.15rem;font-weight:800;color:#92400e;letter-spacing:.08em;font-family:monospace}
.result-text-pre{background:#f8fafc;border:1px solid var(--border);border-radius:6px;padding:.65rem;font-size:.8rem;white-space:pre-wrap;margin-top:.5rem;max-height:200px;overflow-y:auto;line-height:1.6}
.lottery-today-result{padding:1rem 1.25rem;font-size:1rem;font-weight:600;color:var(--text)}
.lottery-today-pending{padding:1.25rem;text-align:center;font-size:1rem;color:#92400e;background:#fefce8}

/* Result Image */
.lottery-result-image-wrap{margin:1.5rem 0;text-align:center}
.lottery-result-image-wrap h3{margin-bottom:.75rem;font-size:1.1rem}
.lottery-result-image{max-width:100%;height:auto;border:2px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);cursor:pointer;transition:.2s}
.lottery-result-image:hover{box-shadow:var(--shadow-lg);transform:scale(1.01)}
.lottery-result-image-wrap small{display:block;margin-top:.4rem;color:var(--text-muted);font-size:.8rem}

@media(max-width:600px){
    .lottery-draws-table th,.lottery-draws-table td{padding:.4rem .5rem;font-size:.8rem}
    .prize-number-cell{font-size:.95rem}
}

/* Flag Badges */
.flag-pk,.flag-in{display:inline-block;padding:.1rem .35rem;border-radius:3px;font-size:.7rem;font-weight:800;margin-right:.25rem;letter-spacing:.03em}
.flag-pk{background:#01411C;color:#fff}
.flag-in{background:#FF9933;color:#fff}

/* ========== LIST PAGES (Boards, Universities, Lottery) ========== */

/* Header */
.lp-header{text-align:center;padding:2rem 0 1.5rem}
.lp-header h1{font-size:2rem;font-weight:800;color:var(--text);margin:0 0 .5rem}
.lp-header p{color:var(--text-light);font-size:1rem;max-width:600px;margin:0 auto .75rem;line-height:1.6}
.lp-search-wrap{position:relative;max-width:420px;margin:1.25rem auto}
.lp-search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:#94a3b8}
.lp-search{width:100%;padding:.7rem .85rem .7rem 2.6rem;border:1.5px solid var(--border);border-radius:10px;font-size:.92rem;font-family:inherit;transition:.2s;background:#fff}
.lp-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}
.lp-stats{display:flex;justify-content:center;gap:1.5rem;margin-top:.75rem}
.lp-stat{font-size:.82rem;font-weight:600;color:var(--text-muted);background:#f1f5f9;padding:.3rem .85rem;border-radius:6px}
.lp-content{max-width:820px;margin:0 auto 1.5rem;padding:0 1rem}

/* Grid */
.lp-grid{display:grid;gap:.85rem;margin-bottom:2rem}
.lp-grid-boards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.lp-grid-unis{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.lp-grid-lottery{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}

/* Card */
.lp-card{display:flex;flex-direction:column;gap:.65rem;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:1.25rem;text-decoration:none;color:var(--text);transition:.25s;position:relative;overflow:hidden}
.lp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#8b5cf6);opacity:0;transition:.25s}
.lp-card:hover{border-color:var(--primary);box-shadow:0 8px 30px rgba(37,99,235,.1);transform:translateY(-3px)}
.lp-card:hover::before{opacity:1}
.lp-card-announced{border-color:#86efac;background:linear-gradient(135deg,#f0fdf4,#fff)}
.lp-card-announced::before{background:linear-gradient(90deg,#10b981,#34d399) !important;opacity:1 !important}

/* Badge */
.lp-badge{position:absolute;top:.85rem;right:.85rem;padding:.2rem .65rem;border-radius:6px;font-size:.7rem;font-weight:700;color:#fff;z-index:1}
.lp-badge-green{background:#10b981}
.lp-badge-blue{background:#3b82f6}

/* Card Top - Logo + Info */
.lp-card-top{display:flex;align-items:center;gap:.85rem}
.lp-card-logo{width:48px;height:48px;border-radius:10px;object-fit:contain;background:#f8fafc;border:1px solid var(--border);padding:4px;flex-shrink:0}
.lp-card-logo-ph{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}
.lp-card-info{flex:1;min-width:0}
.lp-card-info h3{font-size:1rem;font-weight:700;margin:0 0 .15rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-card-info p{font-size:.8rem;color:var(--text-light);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Meta Tags */
.lp-card-meta{display:flex;flex-wrap:wrap;gap:.3rem}
.lp-tag{background:#f1f5f9;color:#475569;padding:.2rem .55rem;border-radius:5px;font-size:.72rem;font-weight:500}
.lp-tag-accent{background:#eff6ff;color:var(--primary);font-weight:700}

/* Class Chips */
.lp-card-classes{display:flex;gap:.3rem}
.lp-class-chip{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--primary);font-size:.72rem;font-weight:700;padding:.25rem .6rem;border-radius:5px;transition:.15s}
.lp-card:hover .lp-class-chip{background:var(--primary);color:#fff}

/* Lottery Next Draw */
.lp-card-next{font-size:.78rem;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;padding:.35rem .65rem;border-radius:6px}

@media(max-width:768px){
    .lp-header h1{font-size:1.5rem}
    .lp-grid-boards,.lp-grid-unis,.lp-grid-lottery{grid-template-columns:1fr 1fr}
}
@media(max-width:500px){
    .lp-grid-boards,.lp-grid-unis,.lp-grid-lottery{grid-template-columns:1fr}
    .lp-card{padding:1rem}
    .lp-stats{flex-wrap:wrap;gap:.5rem}
}

/* ========== DATE SHEET / GUESS PAPER DESIGN ========== */

/* Header */
.ds-header{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#eff6ff);border-left:4px solid var(--primary);border-radius:0 12px 12px 0;margin-bottom:1.5rem}
.ds-header-icon{font-size:2.5rem;flex-shrink:0;line-height:1}
.ds-header h1{font-size:1.5rem;margin:0 0 .5rem;line-height:1.3}
.ds-meta-row{display:flex;flex-wrap:wrap;gap:.4rem}
.ds-meta-tag{display:inline-flex;align-items:center;gap:.25rem;background:#fff;border:1px solid var(--border);padding:.25rem .6rem;border-radius:6px;font-size:.78rem;color:var(--text-light);font-weight:500}
.ds-meta-icon{font-size:.85rem}

/* Info Card */
.ds-info-card{border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:10px;overflow:hidden;margin-bottom:1.5rem}
.ds-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.ds-info-item{padding:.85rem 1rem;text-align:center;border-right:1px solid var(--border)}
.ds-info-item:last-child{border-right:none}
.ds-info-label{display:block;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}
.ds-info-value{display:block;font-size:.95rem;font-weight:700;color:var(--text)}
.ds-status-active{color:#10b981 !important}
.ds-info-link{padding:.6rem 1rem;background:#f8fafc;border-top:1px solid var(--border);text-align:center}
.ds-info-link a{color:var(--primary);font-weight:600;font-size:.85rem;text-decoration:none}
.ds-info-link a:hover{text-decoration:underline}

/* Download Box */
.ds-download-box{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.5rem;border:2px solid var(--primary);border-radius:12px;background:linear-gradient(135deg,#eff6ff,#fff);margin-bottom:1.5rem}
.ds-download-icon{flex-shrink:0}
.ds-download-info{flex:1}
.ds-download-info h3{margin:0 0 .15rem;font-size:1rem;color:var(--text)}
.ds-download-info p{margin:0;font-size:.85rem;color:var(--text-light)}
.ds-download-btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--primary);color:#fff;padding:.6rem 1.25rem;border-radius:8px;font-weight:700;text-decoration:none;font-size:.9rem;white-space:nowrap;transition:.2s;flex-shrink:0}
.ds-download-btn:hover{opacity:.9;transform:translateY(-1px)}

/* Content Section */
.ds-content-section{margin:1.5rem 0;padding:0}
.ds-content-section h2{font-size:1.2rem;color:var(--text);margin:1.5rem 0 .65rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-light);position:relative}
.ds-content-section h2::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--primary)}
.ds-content-section h3{font-size:1.05rem;color:var(--text);margin:1.25rem 0 .4rem;padding-left:.75rem;border-left:3px solid var(--primary)}
.ds-content-section p{margin:.65rem 0;line-height:1.75;color:#374151;font-size:.95rem}
.ds-content-section ol{padding-left:0;margin:1rem 0;counter-reset:steps;list-style:none}
.ds-content-section ol li{position:relative;padding:.65rem .85rem .65rem 3rem;margin-bottom:.5rem;background:#f8fafc;border:1px solid var(--border);border-radius:8px;counter-increment:steps;font-size:.92rem;line-height:1.5}
.ds-content-section ol li::before{content:counter(steps);position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;background:var(--primary);color:#fff;border-radius:50%;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.ds-content-section ul{padding-left:0;margin:1rem 0;list-style:none}
.ds-content-section ul li{position:relative;padding:.5rem .75rem .5rem 1.75rem;margin-bottom:.35rem;font-size:.92rem;line-height:1.5}
.ds-content-section ul li::before{content:'';position:absolute;left:.35rem;top:.85rem;width:8px;height:8px;background:var(--primary);border-radius:50%}
.ds-content-section strong{color:var(--text)}
.ds-content-section a{color:var(--primary);font-weight:600}

/* Related Section */
.ds-related-section{margin:2rem 0;padding-top:1.5rem;border-top:1px solid var(--border)}
.ds-related-section h2{font-size:1.15rem;margin-bottom:1rem}
.ds-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}
.ds-related-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.85rem .6rem;border:2px solid var(--border);border-top:3px solid var(--primary);border-radius:10px;text-decoration:none;transition:.2s;background:#fff}
.ds-related-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.ds-related-card-primary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:var(--primary)}
.ds-related-class{font-size:1.35rem;font-weight:800;color:var(--primary);line-height:1}
.ds-related-title{font-size:.78rem;color:var(--text-light);margin:.2rem 0}
.ds-related-year{font-size:.72rem;color:var(--text-muted);font-weight:600}

/* Other Date Sheets / Guess Papers - Grouped */
.ds-other-list{display:flex;flex-direction:column;gap:1rem}
.ds-other-group h4{font-size:.95rem;color:var(--text);margin:0 0 .4rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}
.ds-other-items{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}
.ds-other-item{display:inline-block;padding:.35rem .75rem;background:#f1f5f9;border:1px solid var(--border);border-radius:6px;font-size:.82rem;color:var(--text);text-decoration:none;font-weight:500;transition:.15s}
.ds-other-item:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}

/* Sidebar Download */
.ds-sidebar-download{padding:0 !important}
.ds-sidebar-dl-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.75rem;background:var(--primary);color:#fff;border-radius:8px;font-weight:700;text-decoration:none;font-size:.9rem;transition:.2s}
.ds-sidebar-dl-btn:hover{opacity:.9}

@media(max-width:768px){
    .ds-header{flex-direction:column;padding:1rem}
    .ds-header h1{font-size:1.25rem}
    .ds-info-grid{grid-template-columns:1fr 1fr}
    .ds-info-item:nth-child(2){border-right:none}
    .ds-download-box{flex-direction:column;text-align:center}
    .ds-related-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:480px){
    .ds-info-grid{grid-template-columns:1fr}
    .ds-info-item{border-right:none;border-bottom:1px solid var(--border)}
    .ds-related-grid{grid-template-columns:repeat(2,1fr)}
}

/* ========== QUICK LINKS GRID ========== */
.ds-quicklinks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem}
.ds-quicklink-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem .75rem;background:#fff;border:1.5px solid var(--border);border-radius:10px;text-decoration:none;transition:.2s;gap:.35rem}
.ds-quicklink-card:hover{border-color:var(--primary);box-shadow:0 4px 15px rgba(37,99,235,.12);transform:translateY(-2px)}
.ds-ql-icon{font-size:1.6rem;line-height:1}
.ds-ql-text{font-size:.82rem;font-weight:600;color:var(--text);line-height:1.3}
.ds-quicklink-card:hover .ds-ql-text{color:var(--primary)}
@media(max-width:480px){.ds-quicklinks-grid{grid-template-columns:repeat(2,1fr)}}