[17:20, 26/05/2026] Tyrone. Divine Assignment: :root{
   --accent:#2b6cb0;
   --accent-2:#e67e22;
   --bg:#f6f7f9;
   --text:#222;
   --muted:#666;
   --light:#f8f9fa;
   --border:#e5e7eb;
   --shadow:0 4px 12px rgba(12,20,30,0.06);
   --shadow-lg:0 8px 24px rgba(12,20,30,0.08);
   --container:1100px;
 }
 /* Base Reset */
 *{
   box-sizing:border-box;
   margin:0;
   padding:0;
 }
 body{
   margin:0;
   font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
   color:var(--text);
   background:var(--bg);
   line-height:1.6;
   font-size:16px;
 }
 .container{
   max-width:var(--container);
   margin:0 auto;
   padding:0 18px;
 }
 /* --------------------------
    HEADER & NAVIGATION
 -------------------------- */
 .site-header{
   background:linear-gradient(90deg,var(--ac…
[17:42, 26/05/2026] Tyrone. Divine Assignment: :root{
   --accent:#2b6cb0;
   --accent-2:#e67e22;
   --bg:#f6f7f9;
   --text:#222;
   --muted:#666;
   --light:#f8f9fa;
   --border:#e5e7eb;
   --shadow:0 4px 12px rgba(12,20,30,0.06);
   --shadow-lg:0 8px 24px rgba(12,20,30,0.08);
   --container:1100px;
 }
 /* Base Reset */
 *{
   box-sizing:border-box;
   margin:0;
   padding:0;
 }
 body{
   margin:0;
   font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
   color:var(--text);
   background:var(--bg);
   line-height:1.6;
   font-size:16px;
 }
 .container{
   max-width:var(--container);
   margin:0 auto;
   padding:0 18px;
 }
 /* --------------------------
    HEADER & NAVIGATION
 -------------------------- */
 .site-header{
   background:linear-gradient(90deg,var(--accent),#1f4f7a);
   color:#fff;
   padding:20px 0;
   position:sticky;
   top:0;
   z-index:100;
   box-shadow:0 2px 8px rgba(0,0,0,0.1);
 }
 .header-inner{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:20px;
   flex-wrap:wrap;
 }
 .brand h1{
   margin:0;
   font-size:1.25rem;
   font-weight:700;
   line-height:1.2;
 }
 .motto{
   margin:4px 0 0;
   font-size:0.9rem;
   opacity:0.95;
   font-style:italic;
 }
 .main-nav ul{
   list-style:none;
   display:flex;
   gap:14px;
   flex-wrap:wrap;
 }
 .main-nav a{
   color:#fff;
   text-decoration:none;
   font-weight:600;
   font-size:0.95rem;
   padding:6px 8px;
   border-radius:4px;
   transition:all 0.3s ease;
 }
 .main-nav a:hover{
   background:rgba(255,255,255,0.15);
   color:#fff;
 }
 /* --------------------------
    HERO SECTION ✅ FULLY FIXED
 -------------------------- */
 .hero{
   display:flex;
   align-items:center;
   padding:48px 0;
   background:linear-gradient(180deg, rgba(43,108,176,0.06), transparent);
   min-height:80vh;
 }
 .hero-content{
   flex:1;
   min-width:300px;
   padding-right:30px;
 }
 .hero-title{
   font-size:2.2rem;
   margin:0 0 12px;
   line-height:1.2;
   color:var(--accent);
 }
 .hero-sub{
   margin:0 0 20px;
   color:var(--muted);
   font-size:1.1rem;
 }
 .hero-features{
   list-style:none;
   padding:0;
   margin:0 0 24px;
 }
 .hero-features li{
   margin:8px 0;
   padding-left:24px;
   position:relative;
 }
 .hero-features li::before{
   content:"✓";
   color:var(--accent);
   font-weight:bold;
   position:absolute;
   left:0;
 }
 /* ✅ BUTTONS — NOW SHOW AS PROPER BUTTONS */
 .hero-ctas{
   display:flex;
   gap:12px;
   flex-wrap:wrap;
   margin-top:20px;
 }
 .btn{
   display:inline-block !important;
   padding:10px 18px !important;
   background:#fff !important;
   color:var(--accent) !important;
   border-radius:6px !important;
   text-decoration:none !important;
   border:1px solid rgba(0,0,0,0.06) !important;
   font-weight:600 !important;
   font-size:0.95rem !important;
   transition:all 0.3s ease !important;
   cursor:pointer !important;
   text-align:center !important;
 }
 .btn.small{padding:8px 14px !important;font-size:0.85rem !important;}
 .btn.primary{
   background:var(--accent) !important;
   color:#fff !important;
   border:none !important;
 }
 .btn.primary:hover{
   background:#1f4f7a !important;
   transform:translateY(-2px) !important;
   box-shadow:var(--shadow) !important;
 }
 .btn.outline{
   background:transparent !important;
   border:2px solid var(--accent) !important;
   color:var(--accent) !important;
 }
 .btn.outline:hover{
   background:var(--accent) !important;
   color:#fff !important;
 }
 .btn.large{padding:14px 24px !important;font-size:1.05rem !important;}
 .hero-image{
   flex:1;
   min-width:300px;
 }
 .hero-image img{
   width:100%;
   max-width:480px;
   border-radius:12px;
   display:block;
   box-shadow:var(--shadow-lg);
   margin:0 auto;
 }
 /* --------------------------
    REST OF STYLES
 -------------------------- */
 .section{padding:50px 0}
 .section.alt{
   background:#fff;
   border-top:1px solid var(--border);
   border-bottom:1px solid var(--border);
 }
 h2{
   margin:0 0 24px;
   font-size:1.7rem;
   color:var(--accent);
   text-align:center;
 }
 .lead{
   text-align:center;
   color:var(--muted);
   max-width:700px;
   margin:0 auto 32px;
   font-size:1.1rem;
 }
 .grid-3{
   display:grid;
   grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
   gap:24px;
 }
 .feature{
   background:#fff;
   padding:24px;
   border-radius:12px;
   box-shadow:var(--shadow);
   transition:transform 0.3s ease;
   height:100%;
 }
 .feature:hover{
   transform:translateY(-4px);
   box-shadow:var(--shadow-lg);
 }
 .feature h3{
   color:var(--accent);
   margin-bottom:12px;
   font-size:1.2rem;
 }
 .testimonials{
   display:grid;
   grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
   gap:20px;
 }
 .testimonials blockquote{
   background:var(--light);
   padding:24px;
   border-radius:12px;
   margin:0;
   box-shadow:var(--shadow);
   font-style:italic;
   color:var(--text);
   border-left:4px solid var(--accent-2);
 }
 .events-grid{
   display:grid;
   grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
   gap:24px;
 }
 .event-card{
   background:#fff;
   border-radius:12px;
   overflow:hidden;
   box-shadow:var(--shadow);
   transition:transform 0.3s ease;
 }
 .event-card:hover{
   transform:translateY(-4px);
   box-shadow:var(--shadow-lg);
 }
 .event-card img{
   width:100%;
   height:180px;
   object-fit:cover;
 }
 .event-body{
   padding:20px;
 }
 .event-body h3{
   color:var(--accent);
   margin-bottom:8px;
   font-size:1.1rem;
 }
 .resource-links{
   display:flex;
   gap:16px;
   flex-wrap:wrap;
   justify-content:center;
 }
 .card-link{
   background:#fff;
   padding:14px 20px;
   border-radius:8px;
   text-decoration:none;
   color:var(--accent);
   box-shadow:var(--shadow);
   transition:all 0.3s ease;
   font-weight:500;
 }
 .card-link:hover{
   background:var(--accent);
   color:#fff;
 }
 .partners-logos{
   display:flex;
   gap:24px;
   flex-wrap:wrap;
   justify-content:center;
   align-items:center;
 }
 .partners-logos img{
   height:60px;
   object-fit:contain;
   opacity:0.8;
   transition:opacity 0.3s ease;
 }
 .partners-logos img:hover{opacity:1}
 .contact-grid{
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:32px;
   margin-bottom:32px;
 }
 .contact-grid h3{
   color:var(--accent);
   margin-bottom:16px;
 }
 .contact-grid p, .contact-grid li{
   margin:8px 0;
   color:var(--muted);
 }
 .contact-grid a{
   color:var(--accent);
   text-decoration:none;
 }
 .contact-grid a:hover{text-decoration:underline;}
 .map-wrap iframe{
   width:100%;
   height:350px;
   border:0;
   border-radius:12px;
   box-shadow:var(--shadow);
 }
 .faq{max-width:800px;margin:0 auto;}
 .faq details{
   background:#fff;
   padding:16px;
   border-radius:8px;
   margin:12px 0;
   box-shadow:var(--shadow);
   cursor:pointer;
 }
 .faq summary{
   font-weight:600;
   color:var(--accent);
   outline:none;
 }
 .faq details p{
   margin-top:12px;
   color:var(--muted);
   padding-left:12px;
 }
 .leaders{
   display:flex;
   gap:24px;
   flex-wrap:wrap;
   justify-content:center;
 }
 .leader{
   background:#fff;
   padding:24px;
   border-radius:12px;
   text-align:center;
   flex:1;
   min-width:280px;
   max-width:380px;
   box-shadow:var(--shadow);
   transition:transform 0.3s ease;
 }
 .leader:hover{
   transform:translateY(-4px);
   box-shadow:var(--shadow-lg);
 }
 .modern-card{
   background:#fff;
   border-radius:16px;
   padding:24px;
   box-shadow:0 8px 32px rgba(43,108,176,0.08);
   border:1px solid rgba(43,108,176,0.05);
 }
 .modern-img{
   width:160px;
   height:160px;
   border-radius:50%;
   object-fit:cover;
   border:4px solid var(--accent);
   margin:0 auto 16px;
   display:block;
 }
 .leader h4{
   color:var(--accent);
   margin-bottom:12px;
   font-size:1.1rem;
 }
 .leader p{
   color:var(--muted);
   margin-bottom:16px;
 }
 .leader blockquote{
   font-style:italic;
   color:var(--accent);
   margin-top:16px;
   padding:12px;
   border-left:3px solid var(--accent-2);
   background:var(--light);
   border-radius:4px;
 }
 .subscribe-form{
   display:flex;
   gap:12px;
   flex-wrap:wrap;
   justify-content:center;
   max-width:500px;
   margin:24px auto;
 }
 .subscribe-form input{
   flex:1;
   min-width:220px;
   padding:12px 16px;
   border:1px solid var(--border);
   border-radius:6px;
   font-size:1rem;
 }
 .subscribe-form input:focus{
   outline:none;
   border-color:var(--accent);
   box-shadow:0 0 0 3px rgba(43,108,176,0.1);
 }
 .site-footer{
   background:#1f2937;
   color:#fff;
   padding:32px 0;
   margin-top:28px;
 }
 .footer-inner{
   display:flex;
   align-items:center;
   justify-content:space-between;
   gap:20px;
   flex-wrap:wrap;
 }
 .footer-links a{
   color:#d1d5db;
   margin-right:16px;
   text-decoration:none;
   transition:color 0.3s ease;
 }
 .footer-links a:hover{color:#fff;}
 .social a{
   color:#d1d5db;
   margin-left:12px;
   font-size:1.1rem;
   text-decoration:none;
 }
 .social a:hover{color:#fff;}
 @media (max-width:880px){
   .header-inner{flex-direction:column;align-items:flex-start;text-align:center;width:100%;}
   .main-nav ul{justify-content:center;width:100%;margin-top:12px;}
   .hero-content{padding-right:0;text-align:center;}
   .hero-title{font-size:1.8rem;}
   .hero-ctas{justify-content:center;}
   .contact-grid{grid-template-columns:1fr;}
   .footer-inner{flex-direction:column;text-align:center;}
   .subscribe-form{flex-direction:column;}
 }
 @media (max-width:480px){
   .hero-title{font-size:1.5rem;}
   .section{padding:30px 0;}
   .btn{width:100% !important;margin:4px 0 !important;}
 }
 .sr-only{
   position:absolute;
   width:1px;
   height:1px;
   padding:0;
   margin:-1px;
   overflow:hidden;
   clip:rect(0,0,0,0);
   border:0;
 }