/* Registration page-specific CSS */
        .hero-section { background:linear-gradient(rgba(10,64,12,0.4), rgba(10,64,12,0.4)), url('https://images.unsplash.com/photo-1508780709619-79562169bc64?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') center/cover no-repeat; min-height:60vh; display:flex; align-items:center; color:var(--white); position:relative; }
        .hero-content h1 { font-size:3.5rem; font-weight:bold; margin-bottom:20px; text-shadow:2px 2px 4px rgba(0,0,0,0.3);}
        .hero-content p { font-size:1.3rem; margin-bottom:30px; text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
        .section-padding { padding:40px 0; }
        .section-title { font-size:2.5rem; font-weight:bold; color:var(--primary-green); margin-bottom:20px; text-align:center; }
        .section-subtitle { font-size:1.2rem; color:var(--text-gray); text-align:center; margin-bottom:50px; }
        .extra-left-space { padding-left:100px !important; padding-right:100px !important; }
        @media (max-width:768px){ .hero-content h1{font-size:2.5rem;} .hero-content p{font-size:1.1rem;} .section-title{font-size:2rem;} 
        .container, .container-fluid.extra-left-space, .row, .col, [class*="col-"] {
        margin: 0 auto !important;
        padding: 0 10px !important;   /* ✅ balanced small padding */
        max-width: 100% !important;
        box-sizing: border-box !important;}
       }