*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}body{font-family:Segoe UI,sans-serif;line-height:1.6;background:#f0f0f0}header{background-color:#000;padding:10px 0}.navbar .logo{font-size:1.4em;font-weight:700;color:#fff;text-decoration:none}.navbar .navbar-nav .nav-link{color:#fff;font-weight:700;padding:8px 15px}.navbar .navbar-nav .nav-link:hover{color:#f0f0f0}.navbar .dropdown-menu{background-color:#000}.navbar .dropdown-item{color:#fff}.navbar .dropdown-item:hover{background-color:#444}.hero{background:#f0f0f0;color:#111;text-align:center;padding:100px 20px;font-family:Georgia,Times New Roman,Times,serif;font-weight:900}.hero h2{font-size:2.8em;margin-bottom:10px}.hero p{font-size:1.3em;margin-bottom:20px}.btn{background:#1b1b1b;color:#fff;padding:10px 25px;text-decoration:none;border-radius:5px;font-weight:700}.btn:hover{background:#f0f0f0}.about{padding:60px 0;background:#f0f0f0;text-align:center}.about h2{color:#050104}.about p{font-size:1.1em}.events{padding:60px 0;background:#f0f0f0}.events h2{text-align:center;margin-bottom:40px;font-size:2em;color:#004aad}.event-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.event-card{background-color:#f0f0f0;padding:20px;border-radius:10px}.event-card:hover{background:#f0f0f0;transition:.3s}.clubs{padding:60px 0;background:#f0f0f0}.clubs h2{text-align:center;margin-bottom:30px;color:#ff5733}.club-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.club-card{background:#f0f0f0;padding:20px;border-radius:10px;border-left:4px solid #ff3b3b}.testimonials{background-color:#f0f0f0;padding:60px 0;text-align:center;color:#000}.testimonials h2{margin-bottom:30px}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:37px;justify-items:center}.testimonial-grid .pic4{display:flex;justify-content:center;align-items:center;margin:10px}.testimonial-grid img{border-radius:8px;width:100%;height:auto}@media (max-width: 768px){.testimonial-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 480px){.testimonial-grid{grid-template-columns:1fr}}.newsletter{background-color:#f0f0f0;color:#000;padding:60px 20px;text-align:center}.newsletter input[type=email]{padding:10px;width:250px;max-width:80%;border:none;border-radius:5px;margin-right:10px}.newsletter .btn{background:#f0f0f0}.contact{padding:60px 0;background:#f0f0f0;text-align:center}.contact h2{color:#000;margin-bottom:20px}footer{background:#000;color:#fff;text-align:center;padding:20px 0}.hih{background-color:#ff0}.carousel-item img{width:100%;height:auto}.container .grid{display:flex;position:absolute;right:15%;gap:25px}.name1{position:absolute}.container1{margin:left 40px}body{background-color:#f0f0f0}.grid{display:flex;float:right;grid-gap:40px;position:absolute;top:70%;right:13.5%;margin-top:120px}h3{background-color:#f0f0f0;color:#0e0f0c;position:absolute;left:5%;font-size:xx-large;bottom:78%}.pic1,.pic2,.pic3{width:500;height:500;transition:width 3s,height 5}.pic4{width:500;height:500;transition:all .3s ease}.pic4 img{transform:scale(1);transition:all .3s ease}.pic4:hover img{transform:scale(1.1)}.pic4:hover{cursor:pointer}.name1{margin-top:8px;font-size:x-large;font-weight:700;color:#333;position:absolute;bottom:-25%}.name2{margin-top:8px;font-size:x-large;font-weight:700;color:#333;position:absolute;bottom:-25%;left:30%}.name3{margin-top:8px;font-size:x-large;font-weight:700;color:#333;position:absolute;bottom:-25%;left:55%}.name4{margin-top:8px;font-size:x-large;font-weight:700;position:absolute;bottom:-25%;left:82%;color:#333}.grid img{border-radius:20px}ul{list-style:disc;padding-left:20px}.abc{padding:25px;height:500px;width:700px;margin-top:50px}.abc h2{color:#000}.abc h1{color:#000;position:absolute;left:40%;top:55%}.img{align-items:center;position:absolute;left:58%;top:7%;transition:width 2s,height 4s;margin:100px auto auto;opacity:.7;border-radius:20px}footer{background-color:#000;color:#fff;text-align:center;padding:15px;margin-top:220px}.gallery-container{max-width:1200px;margin:0 auto;padding:20px}h1{text-align:center;margin-bottom:30px;color:#333;font-size:2.5rem}.filters{display:flex;justify-content:center;gap:20px;margin-bottom:30px}select{padding:10px 20px;font-size:16px;border-radius:8px;border:2px solid #ddd;background-color:#fff;cursor:pointer;transition:all .3s ease}select:hover{border-color:#666}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;padding:20px}.gallery-item{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-5px)}.gallery-item img{width:100%;height:250px;object-fit:cover;display:block}.image-title{position:absolute;bottom:0;left:0;right:0;padding:15px;background:#000000b3;color:#fff;font-size:1.1rem;text-align:center}.loading,.error{text-align:center;padding:50px;font-size:1.2rem;color:#666}.error{color:#d32f2f}.feedback-container{max-width:600px;margin:0 auto;background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 10px #0000001a}.feedback-title{text-align:center;margin-bottom:10px;color:#333}.feedback-note{text-align:center;font-size:14px;color:#666;margin-bottom:20px}.feedback-form label{display:block;margin:12px 0 6px;font-weight:700;color:#444}.fb-input,.fb-select,.fb-textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:15px;transition:border-color .3s}.fb-input:focus,.fb-select:focus,.fb-textarea:focus{border-color:#007bff;outline:none}.fb-button{display:block;width:100%;padding:12px;background:#000;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s}.fb-stars{display:flex;flex-direction:row-reverse;justify-content:flex-start;margin-bottom:10px;gap:5px}.fb-stars span{font-size:30px;color:#ccc;cursor:pointer;transition:color .3s}.fb-stars span:hover,.fb-stars span:hover~span{color:#f5b301}.fb-stars span.active,.fb-stars span.active~span{color:#f5b301}.fb-rating-value{font-size:14px;color:#333;margin-bottom:15px;font-style:italic}body{font-family:Arial,sans-serif;margin:0;background-color:#f9f9f9}header{background-color:#070707;color:#000;padding:1.5rem;text-align:center}.container{padding:.5rem;background-color:#000;box-shadow:0 0 10px #0000001a}.contact-image{flex:1 1 40%;padding:1rem}.contact-image img{width:100%;height:auto;border-radius:8px}.contact-form{flex:1 1 60%;padding:1rem}.contact-form h2{margin-top:0}.contact-form input,.contact-form textarea{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.contact-form button{padding:.75rem 2rem;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.map-section{padding:2rem;text-align:center}.map-section iframe{width:100%;height:400px;border:0;border-radius:8px}.contact-container{max-width:900px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;background:#f9fbfd;border-radius:12px}.contact-title{text-align:center;color:#333;margin-bottom:5px}.contact-note{text-align:center;font-size:14px;color:#666;margin-bottom:20px}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:25px}.contact-card{background:#fff;padding:15px;border-radius:10px;box-shadow:0 3px 8px #0000001a;transition:transform .2s}.contact-card:hover{transform:translateY(-4px)}.contact-card h3{margin-top:0;color:#007bff}.contact-bookmark{margin-top:10px;padding:8px 12px;background:#ccc;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s}.contact-bookmark.active{background:#f5b301;color:#fff}.contact-subtitle{margin:15px 0 10px;font-size:18px;color:#444}.contact-map iframe{border-radius:10px;width:100%;height:350px}.registration-hero{height:60vh;background:linear-gradient(#0009,#0009),url(./images/college.jpg);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative}.registration-container{padding:4rem 5%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background-size:cover;background-position:center;color:#fff;text-align:center;padding:4rem 2rem;margin-bottom:2rem}.registration-form{max-width:800px;margin:2rem auto;padding:2rem;background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{margin-bottom:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--primary-color)}.form-control{width:100%;padding:.8rem;border:2px solid #e1e1e1;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}.form-control:focus{border-color:var(--secondary-color);outline:none}.event-preview{margin-top:2rem;padding:1.5rem;background:var(--background-color);border-radius:var(--border-radius);display:none}.event-preview.active{display:block}.event-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.detail-item{padding:1rem;background:#fff;border-radius:var(--border-radius);text-align:center}.fb-button{padding:.75rem 2rem;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.form-header{text-align:center;margin-bottom:2rem}.required-field:after{content:"*";color:red;margin-left:4px}@media screen and (max-width: 768px){.form-grid{grid-template-columns:1fr}.registration-form{padding:1.5rem;margin:1rem}}
