/* UCL Training — Content Pages (Legal, Info, Support) — UIDAI style */

.content-page{
    min-height:calc(100vh - 140px);
    background:
        radial-gradient(1200px 400px at 100% 0%, rgba(0,165,223,.06), transparent 60%),
        radial-gradient(800px 300px at 0% 100%, rgba(0,26,85,.05), transparent 60%),
        linear-gradient(180deg,#f6f9fd 0%,#ffffff 100%);
    padding:30px 20px 60px;position:relative;
}
.content-page::before{
    content:'';position:absolute;inset:0;pointer-events:none;
    background-image:
        linear-gradient(rgba(0,76,150,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,76,150,.025) 1px, transparent 1px);
    background-size:40px 40px;
    mask-image:radial-gradient(ellipse at center, black 0%, transparent 70%);
    -webkit-mask-image:radial-gradient(ellipse at center, black 0%, transparent 70%);
}
.content-wrap{max-width:980px;margin:0 auto;position:relative;z-index:1}

.cp-crumbs{margin-bottom:18px;font-size:.85rem;color:#6b7280;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cp-crumbs a{color:#004c96;text-decoration:none;font-weight:500}
.cp-crumbs a:hover{text-decoration:underline}
.cp-crumbs .sep{color:#9ca3af}

.cp-hero{background:#fff;border:1px solid #e4ebf5;border-radius:20px;overflow:hidden;margin-bottom:24px;position:relative;box-shadow:0 1px 3px rgba(0,26,85,.04), 0 12px 30px rgba(0,26,85,.06)}
.cp-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #001a55 0%, #004c96 45%, #00a5df 100%);z-index:1}
.cp-hero-inner{padding:34px 38px;display:flex;gap:22px;align-items:center}
.cp-icon{flex:0 0 72px;height:72px;border-radius:18px;background:linear-gradient(135deg, rgba(0,26,85,.1), rgba(0,165,223,.15));border:1px solid #cfe1f5;display:grid;place-items:center;color:#004c96;font-size:1.8rem}
.cp-hero-text{flex:1;min-width:0}
.cp-hero-kicker{color:#00a5df;font-size:.78rem;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:6px}
.cp-hero-text h1{margin:0 0 6px;font-size:1.8rem;color:#001a55;letter-spacing:-.3px}
.cp-hero-text p{margin:0;color:#4b5563;font-size:.98rem;line-height:1.5}
.cp-hero-meta{display:flex;gap:14px;margin-top:10px;font-size:.82rem;color:#6b7280;flex-wrap:wrap}
.cp-hero-meta .item{display:inline-flex;align-items:center;gap:5px}
.cp-hero-meta i{color:#004c96}
@media (max-width: 640px){.cp-hero-inner{padding:24px 22px;gap:16px;flex-direction:column;text-align:center}.cp-hero-text h1{font-size:1.4rem}.cp-hero-meta{justify-content:center}}

.cp-card{background:#fff;border:1px solid #e4ebf5;border-radius:20px;box-shadow:0 1px 3px rgba(0,26,85,.04), 0 12px 30px rgba(0,26,85,.06);overflow:hidden}
.cp-card-body{padding:32px 40px}
@media (max-width: 640px){.cp-card-body{padding:24px 22px}}

.cp-card-body h2{font-size:1.25rem;margin:26px 0 10px;color:#001a55;padding-bottom:6px;border-bottom:2px solid #eaf2fc;position:relative}
.cp-card-body h2:first-child{margin-top:0}
.cp-card-body h2::after{content:'';position:absolute;bottom:-2px;left:0;width:50px;height:2px;background:linear-gradient(90deg, #004c96, #00a5df)}
.cp-card-body h3{font-size:1.02rem;margin:20px 0 8px;color:#0b2a5c;font-weight:600}
.cp-card-body p{margin:0 0 12px;color:#374151;line-height:1.7;font-size:.96rem}
.cp-card-body ul,.cp-card-body ol{margin:6px 0 14px;padding-left:22px;color:#374151;line-height:1.7}
.cp-card-body li{margin-bottom:6px;font-size:.96rem}
.cp-card-body li::marker{color:#004c96}
.cp-card-body strong{color:#001a55}
.cp-card-body a{color:#004c96;font-weight:500;text-decoration:none;border-bottom:1px dotted #004c96}
.cp-card-body a:hover{color:#001a55;border-bottom-style:solid}

.cp-section-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg, #004c96, #00a5df);color:#fff;font-size:.78rem;font-weight:700;margin-right:8px;vertical-align:middle}

.cp-callout{margin:18px 0;padding:14px 16px;border-radius:12px;display:flex;gap:10px;align-items:flex-start;font-size:.92rem;line-height:1.55;border:1px solid}
.cp-callout.info{background:#eaf2fc;color:#003a75;border-color:#c3dbf4}
.cp-callout.warn{background:#fff7e2;color:#7a5b00;border-color:#f6d99c}
.cp-callout.danger{background:#fef2f2;color:#991b1b;border-color:#fecaca}
.cp-callout.success{background:#e6f8ec;color:#0d6b39;border-color:#b8e7c9}
.cp-callout i{font-size:1.1rem;margin-top:2px;flex-shrink:0}
.cp-callout b{display:block;margin-bottom:2px}

.cp-toc{background:#f6f9fd;border:1px solid #e4ebf5;border-radius:12px;padding:18px 22px;margin-bottom:24px}
.cp-toc-title{font-size:.82rem;font-weight:700;color:#004c96;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.cp-toc ol{margin:0;padding-left:22px;color:#4b5563;font-size:.93rem;line-height:1.9;columns:2;column-gap:30px}
.cp-toc ol li{break-inside:avoid}
.cp-toc ol a{color:#374151;text-decoration:none;border:0}
.cp-toc ol a:hover{color:#004c96;text-decoration:underline}
@media (max-width: 540px){.cp-toc ol{columns:1}}

.cp-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:14px;margin:16px 0}
.cp-grid .item{background:#fafbfd;border:1px solid #e4ebf5;border-radius:12px;padding:16px 18px}
.cp-grid .item .label{font-size:.76rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}
.cp-grid .item .value{color:#001a55;font-weight:600;font-size:.98rem;word-break:break-word}
.cp-grid .item .value a{border:0;color:#004c96}

.contact-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:16px;margin:16px 0 6px}
.contact-card{background:#fff;border:1px solid #e4ebf5;border-radius:14px;padding:22px 20px;text-align:center;transition:all .2s}
.contact-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,26,85,.08);border-color:#c3dbf4}
.contact-card .ico{width:54px;height:54px;margin:0 auto 12px;border-radius:14px;background:linear-gradient(135deg, rgba(0,26,85,.08), rgba(0,165,223,.12));border:1px solid #cfe1f5;display:grid;place-items:center;color:#004c96;font-size:1.4rem}
.contact-card h4{margin:0 0 4px;font-size:1rem;color:#001a55}
.contact-card .sub{font-size:.78rem;color:#9ca3af;margin-bottom:10px;text-transform:uppercase;letter-spacing:.6px}
.contact-card .val{font-weight:600;color:#374151;font-size:.95rem;word-break:break-word}
.contact-card .val a{color:#004c96;border:0}

.sched-table{width:100%;border-collapse:collapse;margin:12px 0;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e4ebf5}
.sched-table th{background:linear-gradient(90deg, #001a55 0%, #004c96 100%);color:#fff;padding:14px 16px;text-align:left;font-size:.78rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.sched-table td{padding:14px 16px;border-bottom:1px solid #f0f4f9;font-size:.92rem;color:#374151;vertical-align:top}
.sched-table tr:last-child td{border-bottom:0}
.sched-table tr:nth-child(even) td{background:#fbfcfe}
.sched-table .module-tag{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.72rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}
.sched-table .module-tag.live{background:#e6f8ec;color:#0d6b39;border:1px solid #b8e7c9}
.sched-table .module-tag.upcoming{background:#eaf2fc;color:#003a75;border:1px solid #c3dbf4}
.sched-table .module-tag.full{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}

.cp-form{margin-top:10px}
.cp-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width: 640px){.cp-form .row{grid-template-columns:1fr}}
.cp-form .field{margin-bottom:14px}
.cp-form label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:6px}
.cp-form input,.cp-form textarea,.cp-form select{width:100%;padding:13px 14px;border:1.5px solid #d1d9e6;border-radius:10px;background:#fafbfd;font-family:'Hind', sans-serif;font-size:.95rem;color:#1f2937;transition:all .15s;outline:none}
.cp-form input:focus,.cp-form textarea:focus,.cp-form select:focus{border-color:#004c96;background:#fff;box-shadow:0 0 0 4px rgba(0,76,150,.12)}
.cp-form textarea{resize:vertical;min-height:110px;font-family:inherit}
.cp-form-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border:0;border-radius:10px;cursor:pointer;background:linear-gradient(90deg, #001a55 0%, #004c96 45%, #00a5df 100%);color:#fff;font-family:'Rubik', sans-serif;font-weight:600;font-size:.95rem;letter-spacing:.3px;box-shadow:0 4px 14px rgba(0,76,150,.25);transition:all .25s}
.cp-form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,76,150,.35)}

.cp-updated{margin-top:28px;padding:12px 16px;background:#f6f9fd;border:1px dashed #cfe1f5;border-radius:10px;font-size:.82rem;color:#6b7280;text-align:center}
.cp-updated b{color:#001a55}