@import"https://fonts.googleapis.com/css2?family=Lato:wght@100..900&family=Montserrat:wght@100..900&display=swap";.navbar{position:sticky;top:0;z-index:50;background-color:#fff;box-shadow:0 2px 4px #0000000d;padding:.75rem 1.5rem}.navbar.shrink{padding:.5rem 1.25rem;transition:all .3s ease}.navbar-container{max-width:1280px;margin:0 auto}.navbar-flex{display:flex;align-items:center;justify-content:space-between}.navbar-logo img{height:40px}.navbar-links{display:flex;align-items:center;gap:1.5rem;justify-content:flex-end;margin-left:auto}.navbar-links a{text-decoration:none;color:#000}.navbar-links a:hover{color:#0284c7}.navbar-button{background-color:#0284c7;color:#fff;padding:.5rem 1rem;border-radius:.375rem;text-align:center;text-decoration:none}.navbar-button:hover{background-color:#0369a1}.user-menu{position:relative;margin-left:1rem}.user-icon{height:36px;width:36px;border-radius:9999px;cursor:pointer;border:2px solid black}.dropdown{position:absolute;top:2.5rem;right:0;background-color:#fff;box-shadow:0 4px 6px #0000001a;padding:.75rem 1rem;border-radius:.5rem;display:none}.dropdown.active{display:block}.logout-btn{background-color:#ef4444;color:#fff;border:none;padding:.5rem;border-radius:.375rem;margin-top:.5rem;width:100%;cursor:pointer}.logout-btn:hover{background-color:#dc2626}.navbar-menu-btn{background:none;border:none;cursor:pointer;color:#000}.mobile-menu{background-color:#fff;position:absolute;top:100%;left:0;width:100%;padding:1rem 0;box-shadow:0 4px 6px #0000001a;z-index:50}.mobile-menu a{display:block;padding:.75rem 1.5rem;text-align:left;color:#1f2937;text-decoration:none}.mobile-menu a:hover{background-color:#f3f4f6;color:#0284c7}.mobile-user-menu{padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.mobile-user-icon{width:40px;height:40px;margin-bottom:.5rem}.logout-btn{background-color:#0284c7;color:#fff;padding:.5rem 1rem;margin-top:.5rem;border:none;border-radius:.375rem;cursor:pointer}.logout-btn:hover{background-color:#0369a1}@media (min-width: 768px){.navbar-menu-btn{display:none}}.navbar-links{display:none}@media (min-width: 768px){.navbar-links{display:flex;align-items:center;gap:1.5rem;justify-content:flex-end;margin-left:auto}}footer{background-color:#1f2937;color:#fff;display:flex;justify-content:center;align-items:center;text-align:left;padding:3rem 0}.footer-container{width:80%;max-width:1200px;margin:0 auto;padding:3rem 2rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;justify-content:center}.footer-grid-md{grid-template-columns:repeat(4,1fr);justify-content:center}.footer-grid-item{padding-left:1rem}.footer-grid-item h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.footer-grid-item ul{list-style-type:none;padding:0}.footer-grid-item ul li{margin-bottom:.5rem}.footer-grid-item ul li a{color:#fff;text-decoration:none}.footer-grid-item ul li a:hover{color:#3b82f6}.footer-grid-item .flex{display:flex;align-items:center;gap:.5rem}.footer-grid-item .btn-primary{background-color:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:.375rem;text-decoration:none;display:block;width:-moz-fit-content;width:fit-content;margin-top:.5rem}.footer-grid-item .btn-primary:hover{background-color:#2563eb}.footer-bottom{margin-top:2rem;padding-top:2rem;border-top:1px solid #374151;text-align:center}@media (max-width: 768px){.footer-grid-md{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.footer-grid-md{grid-template-columns:1fr;text-align:center}.footer-grid-item{padding-left:0}}.container{max-width:1200px;margin:0 auto;padding:2rem}.text-center{text-align:center}.section{opacity:0;transform:translateY(30px);transition:all .8s ease-in-out}.section.visible{opacity:1;transform:translateY(0)}.hero-section{position:relative;color:#fff;text-align:center;padding:5rem 2rem}.hero-content{background:url(/img/alumni-3.jpg) no-repeat center center / cover;width:100%;height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:3rem 2rem;border-radius:10px;box-shadow:inset 0 0 100px #00000080}.hero-content h1{font-size:2.8rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 5px rgba(0,0,0,.5)}.hero-content p{font-size:1.3rem;margin-bottom:1.5rem}.btn-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-size:1rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:.3s;white-space:nowrap}.btn-primary{background-color:#3b82f6;color:#fff;border:none}.btn-secondary{border:2px solid white;background:transparent;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary:hover{background:#fff;color:#2563eb}.btn-primary,.btn-secondary{transition:all .3s ease-in-out;position:relative;overflow:hidden}.btn-primary:after,.btn-secondary:after{content:"";position:absolute;width:0%;height:100%;left:50%;top:0;background:#fff3;transition:all .4s ease-in-out}.btn-primary:hover:after,.btn-secondary:hover:after{width:100%;left:0}.section{padding:1rem 2rem}.bg-gray{background-color:#f3f4f6}h2{font-size:2rem;font-weight:700;text-align:center;padding-bottom:2rem;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.card{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 4px 12px #00000026;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 10px 25px #0003}.card-img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;margin-bottom:.5rem;padding-top:0}.card h3{font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.card p{color:#4a5568;margin-bottom:1rem}.card-link{color:#2563eb;font-weight:600;text-decoration:none}.card-link:hover{text-decoration:underline}.event-card{display:flex;align-items:center;gap:2rem;text-align:left;padding:1.5rem;border-radius:.5rem;background:#fff;box-shadow:0 2px 5px #0000001a;transition:.3s}.event-card:hover{transform:translateY(-5px)}.event-date{background-color:#e0f2fe;color:#0369a1;padding:1rem;border-radius:.5rem;text-align:center;min-width:80px;font-weight:700}.event-day{font-size:1.6rem;font-weight:700}.event-img{width:700px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;text-align:center}.quick-links .card{text-align:center;padding:1.5rem;font-size:1.1rem;font-weight:700;background-color:#f9fafb;transition:.3s;border:2px solid transparent}.quick-links .card:hover{background-color:#e5e7eb;cursor:pointer;border-color:#2563eb}.hero-content h1,.hero-content p{opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease-in-out forwards}.impact-section{background-color:#f0f9ff;padding:4rem 2rem}.impact-section h2{font-size:2.5rem;margin-bottom:2rem;color:#1e3a8a}.impact-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.impact-card{background:#fff;padding:.5rem;border-radius:12px;max-width:300px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.impact-card:hover{transform:translateY(-8px)}.impact-card h3{font-size:1.5rem;margin-bottom:1rem;color:#2563eb}.impact-card p{font-size:1rem;color:#4b5563}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-content{height:45vh;padding:1.5rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.btn-group{flex-direction:column;align-items:center}.event-card{flex-direction:column;text-align:center}}.register-container{min-height:100vh;background-color:#f9fafb;display:flex;align-items:center;justify-content:center;padding:6rem}.register-box{max-width:28rem;width:100%;background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 4px 10px #0000001a}.register-header{text-align:center;margin-bottom:1.5rem}.register-header h2{font-size:1.5rem;font-weight:700;color:#1a202c}.register-header p{color:#4a5568;font-size:.875rem}.register-form-container{margin-top:1rem}.register-form .form-group{margin-bottom:1rem}.register-form label{display:block;font-size:.875rem;font-weight:500;color:#4a5568}.register-footer{text-align:center;margin-top:1rem}.register-footer p{font-size:.875rem;color:#4a5568}.login-link{color:#2563eb;font-weight:500}.login-link:hover{color:#1e40af}.login-selection-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;text-align:center;font-family:Poppins,sans-serif}.login-selection-container h2{font-size:2rem;margin-bottom:10px;font-weight:600}.login-selection-container p{font-size:1.2rem;margin-bottom:20px;opacity:.8}.login-buttons{display:flex;gap:20px;margin-top:15px}.login-buttons button{padding:12px 24px;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:150px}.btn-student{background:#4caf50;color:#fff}.btn-student:hover{background:#45a049;transform:scale(1.05)}.btn-alumni{background:#f39c12;color:#fff}.btn-alumni:hover{background:#e67e22;transform:scale(1.05)}@media (max-width: 600px){.login-buttons{flex-direction:column}.login-buttons button{width:100%}}.login-container{min-height:100vh;background:url(/assets/login-gwEFUlyd.jpg) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;padding:2rem}.login-box{max-width:28rem;width:100%;background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 4px 10px #0000001a}.login-header{text-align:center;margin-bottom:1.5rem}.login-header h2{font-size:1.5rem;font-weight:700;color:#1a202c}.login-header p{color:#4a5568;font-size:.875rem}.login-form-container{margin-top:1rem}.login-form .form-group{margin-bottom:1rem}.login-form label{display:block;font-size:.875rem;font-weight:500;color:#4a5568}.input-field{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;margin-top:.25rem}.input-field:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb4d}.error{color:#e53e3e;font-size:.75rem;margin-top:.25rem}.login-options{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.remember-me{display:flex;align-items:center}.remember-me input{margin-right:.5rem}.forgot-password{font-size:.875rem;color:#2563eb}.forgot-password:hover{color:#1e40af}.btn-primary{width:100%;background-color:#2563eb;color:#fff;padding:.75rem;font-size:1rem;font-weight:700;border-radius:.375rem;border:none;cursor:pointer;margin-top:1rem}.btn-primary:hover{background-color:#1e40af}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;margin-top:1rem}.login-footer p{font-size:.875rem;color:#4a5568}.register-link{color:#2563eb;font-weight:500}.register-link:hover{color:#1e40af}.password-field{position:relative;display:flex;align-items:center}.eye-icon{position:absolute;right:10px;cursor:pointer;font-size:20px;color:gray}.directory-container{width:90%;max-width:1200px;margin:40px auto;padding:60px;text-align:center;background:linear-gradient(135deg,#fdfbfb,#ebedee);border-radius:12px;box-shadow:0 10px 30px #00000014}.banner-image{width:100%;max-height:250px;-o-object-fit:cover;object-fit:cover;border-radius:10px}.intro-section h2{font-size:32px;color:#222;margin-top:20px;font-weight:700}.intro-section p{font-size:17px;color:#555;margin-top:8px;max-width:750px;margin-left:auto;margin-right:auto}.search-filter-container{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:25px 0}.search-bar,.filter-dropdown{padding:12px 15px;width:280px;font-size:16px;border:1px solid #ccc;border-radius:8px;transition:.3s ease}.search-bar:focus,.filter-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.btn-primary{background:linear-gradient(to right,#007bff,#0056b3);color:#fff;border:none;padding:12px 25px;font-size:16px;font-weight:500;border-radius:6px;cursor:pointer;margin-top:10px;transition:.3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #005bbb4d}.alumni-form{background:#fff;padding:25px;margin:20px 0;border-radius:10px;box-shadow:0 4px 15px #00000012;display:flex;flex-direction:column;gap:14px;transition:all .3s ease-in-out}.alumni-form label{font-weight:600;text-align:left}.alumni-form input,.alumni-form textarea{width:100%;padding:10px 12px;font-size:15px;border:1px solid #bbb;border-radius:6px}.alumni-form textarea{resize:vertical;height:90px}.required{color:red}.alumni-form button{background-color:#007bff;color:#fff;border:none;padding:12px;font-size:16px;border-radius:6px;cursor:pointer;transition:.3s ease}.alumni-form button:hover{background-color:#0056b3}.alumni-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}.alumni-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 5px 20px #00000014;text-align:center;position:relative;transition:all .3s ease-in-out}.alumni-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f}.alumni-card img{width:110px;height:110px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:3px solid #007bff;margin:0 auto 12px}.alumni-card h3{font-size:20px;color:#222;margin-bottom:6px;font-weight:600}.alumni-card .job-title{font-size:15px;color:#777;margin-bottom:10px}.alumni-card p{font-size:14px;color:#555}.social-links{margin-top:12px}.social-links a{font-size:20px;color:#007bff;margin:0 6px;transition:color .3s}.social-links a:hover{color:#004d99}.button-container{display:flex;justify-content:center;gap:10px;margin-top:15px}.btn-edit,.btn-delete{padding:8px 14px;font-size:14px;border:none;border-radius:6px;cursor:pointer;transition:.3s ease}.btn-edit{background-color:#28a745;color:#fff}.btn-edit:hover{background-color:#218838}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}@media (max-width: 768px){.search-filter-container{flex-direction:column;align-items:center}.search-bar,.filter-dropdown{width:100%}.alumni-list{grid-template-columns:1fr}}html,body{margin:0;padding:0;overflow-x:hidden;width:100%}.job-portal-container{max-width:1200px;margin:auto;padding:80px 20px;font-family:Arial,sans-serif}.job-hero{width:100%;height:350px;background:url(/img/jobs.jpg);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px 20px;position:relative;margin-bottom:20px;box-shadow:0 4px 10px #0003}.job-hero h1{font-size:32px;margin-bottom:15px}.job-hero p{font-size:18px;margin-bottom:20px}.job-hero .btn-primary{background:#fff;color:#007bff;font-size:16px;padding:12px 24px;border-radius:5px;font-weight:700;transition:background .3s,transform .2s;text-decoration:none}.job-hero .btn-primary:hover{background:#0056b3;color:#fff;transform:scale(1.05)}.job-filters{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.input-field{flex:1;padding:12px;border-radius:5px;border:1px solid #ddd;min-width:150px;font-size:16px}.job-list{display:flex;flex-direction:column;gap:15px}.job-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;border-left:5px solid #007bff;transition:transform .3s,box-shadow .3s,border-color .3s}.job-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026;border-left:5px solid #28a745}.job-card-header{display:flex;justify-content:space-between;align-items:center}.job-card-header h2{font-size:22px;margin:0}.job-card-header p{margin:3px 0;color:#555}.job-type{background:#007bff;color:#fff;padding:6px 12px;border-radius:5px;font-size:14px;font-weight:700}.job-description{margin:10px 0;color:#444;font-size:15px;line-height:1.6}.job-details p{margin:5px 0;font-size:14px;color:#666}.job-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.form-buttons{display:flex;gap:10px}.form-buttons .btn-primary,.form-buttons .btn-secondary{flex:1;text-align:center;padding:10px 15px;font-size:14px;font-weight:700;border-radius:5px;cursor:pointer;transition:background .3s,transform .2s}.btn-primary{background:#007bff;color:#fff;border:none}.btn-primary:hover{background:#0056b3;transform:scale(1.05)}.btn-secondary{background:#dc3545;color:#fff;border:none}.btn-secondary:hover{background:#c82333;transform:scale(1.05)}.btn-apply{display:inline-block;background-color:#28a745;color:#fff;padding:10px 15px;border-radius:5px;text-decoration:none;text-align:center;font-weight:700;transition:transform .2s ease-in-out}.btn-apply:hover{background-color:#218838;transform:scale(1.05)}.job-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 15px #0003;width:400px;max-width:90%;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s}.job-form.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.job-form input,.job-form textarea,.job-form select{width:100%;padding:10px;margin:8px 0;border:1px solid #ddd;border-radius:5px;font-size:14px}@media (max-width: 1024px){.job-portal-container{padding:60px 15px}.job-hero{height:300px}.job-hero h1{font-size:30px}.job-hero p,.job-hero .btn-primary{font-size:16px}}@media (max-width: 768px){.job-portal-container{padding:40px 10px}.job-hero{height:250px}.job-hero h1{font-size:26px}.job-hero p{font-size:15px}.job-filters{flex-direction:column}.input-field{width:100%}.job-card{padding:15px}.job-card-footer{flex-direction:column;align-items:flex-start}.btn-apply{width:100%;text-align:center}.job-form{width:90%}}.success-container{max-width:1200px;margin:auto;padding:80px 20px;background:#fefefe;border-radius:12px;box-shadow:0 6px 20px #0000000d}.success-header{height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-bottom:40px;background:url(/img/spotlight-alumni.jpg) center center / cover no-repeat;color:#fff;border-radius:10px;padding:20px}.success-header h1{font-size:48px;font-weight:700;margin-bottom:10px}.success-header p{font-size:16px;opacity:.95}.submit-section{text-align:center;margin-bottom:40px}.submit-section button{background:linear-gradient(45deg,#007bff,#0056b3);color:#fff;padding:14px 30px;font-size:18px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.submit-section button:hover{background:linear-gradient(45deg,#0056b3,#003c80);transform:scale(1.05)}.success-form{max-width:600px;margin:auto;padding:25px;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:15px}.success-form input,.success-form textarea{padding:14px;border:1px solid #ccc;border-radius:8px;font-size:15px}.success-form button{background:#28a745;color:#fff;padding:14px;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.success-form button:hover{background:#218838}.success-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:10px;justify-content:center}.success-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 24px #00000014;transition:transform .25s ease-in-out;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;position:relative}.success-card:hover{transform:translateY(-5px)}.success-image{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:50%;margin-bottom:12px;border:3px solid #007bff;box-shadow:0 4px 10px #00000026}.fallback-image{width:120px;height:120px;background-color:#007bff;color:#fff;font-size:48px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto 12px;box-shadow:0 4px 10px #00000026}.success-content{width:90%;max-width:90%;text-align:center}.success-content h2,.success-content h3{text-align:center}.success-content h2{font-size:20px;font-weight:700;color:#222;margin:8px 0 4px}.success-content h3{padding-bottom:10px;font-size:16px;color:#121111;font-style:italic;margin-bottom:10px}.story-summary{font-size:15px;color:#191919;line-height:1.4;width:100%;max-height:60px;overflow:hidden;position:relative;margin-bottom:8px;text-align:center}.story-summary:after{content:"";position:absolute;bottom:0;left:0;height:30px;width:100%;background:linear-gradient(to bottom,transparent,#fff)}.story-summary.expanded{max-height:none;overflow:visible}.story-summary.expanded:after{display:none}.success-achievements-title{font-weight:700;font-size:15px;color:#222;margin-top:10px;margin-bottom:6px;text-align:center}.success-achievements{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:15px;color:#151414;margin-bottom:10px;line-height:1.4;max-height:60px;overflow:hidden;position:relative;padding-left:0;list-style:none;text-align:center}.success-achievements li{position:relative;padding-left:20px;text-align:center}.success-achievements li:before{content:"•";position:absolute;left:0;color:#007bff;font-size:16px;line-height:1}.success-achievements.expanded{max-height:none;overflow:visible}.read-more-btn{margin-top:10px;background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:12px;cursor:pointer;transition:background .3s ease}.read-more-btn:hover{background-color:#0056b3}.error-message{color:red;text-align:center;font-size:14px}.success-achievements-title{padding-bottom:15px}body{font-family:Poppins,sans-serif;background-color:#f4f4f9;margin:0;padding:0}.events-container{max-width:1200px;margin:0 auto;padding:80px 1rem}.events-header{position:relative;background:url(/img/alumni-1.jpg) center/cover no-repeat;color:#fff;text-align:center;padding:120px 20px;border-radius:10px;overflow:hidden}.events-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;border-radius:10px}.events-title{position:relative;font-size:2.8rem;font-weight:700;color:#fff}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem 0}.event-card{background:#fff;box-shadow:0 4px 10px #0000001a;border-radius:12px;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;display:flex;flex-direction:column;height:100%;width:100%}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.event-image{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px}.event-content{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;text-align:left}.event-content h2{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#333}.event-content p{font-size:1rem;color:#555;line-height:1.5;margin-bottom:15px}.event-content .btn-primary{background:#007bff;padding:12px;border-radius:8px;font-size:1rem;transition:background .3s ease-in-out;align-self:flex-start;width:100%;text-align:center}.event-content .btn-primary:hover{background:#0056b3}.event-form{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:500px;margin:2rem auto;display:flex;flex-direction:column;gap:1rem}.event-form h2{text-align:center;font-size:1.8rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.event-form input,.event-form select,.event-form textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:.3s}.event-form input:focus,.event-form select:focus,.event-form textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}.event-form textarea{min-height:120px;resize:vertical}.form-buttons{display:flex;justify-content:space-between;gap:1rem}.btn-secondary{background-color:#ccc;color:#000;padding:12px;border-radius:8px;border:none;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s ease-in-out;flex-grow:1}.btn-secondary:hover{background-color:#bbb}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;background:#fff;padding:20px;box-shadow:0 4px 15px #0003;border-radius:10px;z-index:1000}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}@media (max-width: 768px){.events-header{padding:80px 20px}.events-title{font-size:2.2rem}.event-form{width:95%}.form-buttons{flex-direction:column}}.donate-container{max-width:1200px;margin:0 auto;padding:6rem 1rem}.donate-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.donate-title{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.donate-description{font-size:1.2rem;color:#4a5568;max-width:600px;margin-bottom:1.5rem}.add-donation-button,.add-mentorship-button{background-color:#2563eb;color:#fff;padding:.8rem 1.5rem;font-size:1rem;border-radius:5px;border:none;cursor:pointer;transition:.3s;margin-bottom:1rem}.add-donation-button:hover,.add-mentorship-button:hover{background-color:#1d4ed8}.btn-primary{background-color:#2563eb;color:#fff;padding:.7rem 1.2rem;border-radius:5px;border:none;cursor:pointer;transition:.3s}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#ccc;color:#000;padding:.7rem 1.2rem;border-radius:5px;border:none;cursor:pointer;transition:.3s}.btn-secondary:hover{background-color:#aaa}.donation-form,.mentorship-form{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:500px;margin:1.5rem auto;text-align:left}.donation-form h2,.mentorship-form h2{text-align:center;margin-bottom:1rem;color:#1a202c}.donation-form input,.donation-form textarea,.donation-form select,.mentorship-form input,.mentorship-form select{width:100%;padding:.7rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:5px;font-size:1rem}.form-buttons{display:flex;justify-content:space-between}.donate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.donate-card{background:#fff;box-shadow:0 4px 6px #0000001a;border-radius:10px;overflow:hidden;text-align:center}.donate-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.donate-content{padding:1.5rem}.donate-card-title{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.donate-card-description{font-size:1rem;color:#4a5568;margin-bottom:1rem}.donate-progress{margin-top:10px;text-align:left}.progress-info{display:flex;justify-content:space-between;font-size:.9rem;color:#333;margin-bottom:5px}.progress-bar{width:100%;height:10px;background-color:#e2e8f0;border-radius:5px;margin-top:10px;overflow:hidden}.progress-fill{height:100%;background-color:#2563eb;border-radius:5px;transition:width .4s ease-in-out}.donate-button,.mentorship-button{width:100%;padding:.8rem;font-size:1rem;margin-top:10px}.mentorship-button{background-color:#f39c12}.mentorship-button:hover{background-color:#e67e22}.donate-call{display:block;text-decoration:none;background:#3498db;color:#fff;padding:.8rem;margin-top:10px;border-radius:4px}.donate-call:hover{background:#2980b9}.progress-button{background-color:#e74c3c;color:#fff;padding:.8rem;border-radius:5px;margin-top:10px;width:100%}.progress-button:hover{background-color:#c0392b}.info-box-container{display:flex;justify-content:center;gap:20px;margin:2rem 0}.info-box{background:#fff;box-shadow:0 4px 6px #0000001a;border-radius:10px;padding:1.5rem;max-width:500px;text-align:center}.info-box h2{font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.info-box p{font-size:1rem;color:#4a5568}.read-more-button{background-color:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:5px;border:none;cursor:pointer;transition:.3s;margin-top:10px}.read-more-button:hover{background-color:#1d4ed8}@media (max-width: 768px){.donate-title{font-size:2rem}.donate-description{font-size:1rem}.donate-grid{grid-template-columns:1fr}.info-box-container{flex-direction:column;align-items:center}.info-box{width:90%}}.admin-container{max-width:900px;margin:auto;padding:20px;text-align:center}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{border:1px solid #ddd;padding:10px}th{background-color:#333;color:#fff}button{padding:5px 10px;margin:5px;border:none;cursor:pointer}button:hover{opacity:.8}button:first-child{background-color:#4caf50;color:#fff}button:last-child{background-color:#f44336;color:#fff}.admin-login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f4f4}.admin-login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 0 10px #0000001a;text-align:center}.error-message{color:red;margin-bottom:10px}body{background-color:#f9fafb;font-family:Lato,sans-serif}.btn-primary{background-color:#0284c7;color:#fff;border-radius:.375rem;transition:background-color .3s ease}.btn-primary:hover{background-color:#0369a1}.input-field{width:100%;border-radius:.375rem;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000d;padding:.5rem}.input-field:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e966}.card{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.ai-widget-wrapper{position:fixed;bottom:30px;right:30px;z-index:9999;font-family:Inter,sans-serif}.ai-trigger-btn{width:60px;height:60px;border-radius:50%;background:#a829e0;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 15px #0003;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.ai-trigger-btn:hover{transform:scale(1.1)}.ai-chat-window{position:absolute;bottom:80px;right:0;width:350px;height:450px;background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-chat-header{background:#a829e0;color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.ai-chat-header button{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer}.ai-chat-body{flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.ai-msg{display:flex;width:100%}.ai-msg.user{justify-content:flex-end}.ai-msg.bot{justify-content:flex-start}.ai-bubble{max-width:85%;padding:10px 14px;border-radius:15px;font-size:14px;line-height:1.4}.user .ai-bubble{background:#f0f0f0;color:#333;border-bottom-right-radius:2px}.bot .ai-bubble{background:#f3e5f5;color:#a829e0;border-bottom-left-radius:2px}.ai-chat-footer{padding:15px;border-top:1px solid #eee;display:flex;gap:8px}.ai-chat-footer input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:20px;outline:none}.ai-chat-footer button{background:#a829e0;color:#fff;border:none;border-radius:50%;width:35px;height:35px;cursor:pointer}.chatbot-page{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px;background-color:#f4f7f6}.chat-container{width:100%;max-width:700px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;overflow:hidden}.chat-header{background:#2c3e50;color:#fff;padding:15px 20px;text-align:center}.chat-box{height:500px;overflow-y:auto;padding:20px;background:#fff}.message-wrapper{display:flex;margin-bottom:15px}.message-wrapper.user{justify-content:flex-end}.message-wrapper.bot{justify-content:flex-start}.message-bubble{max-width:80%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5}.user .message-bubble{background:#3498db;color:#fff;border-bottom-right-radius:2px}.bot .message-bubble{background:#ecf0f1;color:#333;border-bottom-left-radius:2px}.chat-input-area{display:flex;padding:15px;border-top:1px solid #eee;gap:10px}.chat-input-area input{flex:1;padding:12px;border:1px solid #ddd;border-radius:25px;outline:none}.chat-input-area button{padding:0 25px;background:#27ae60;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:background .3s}.chat-input-area button:hover{background:#219150}.loading span{animation:blink 1.4s infinite both;font-size:20px;font-weight:700}.loading span:nth-child(2){animation-delay:.2s}.loading span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}
