body,html{background:linear-gradient(90deg,#6a11cb,#2575fc)}*,body,html{padding:0;margin:0}*{box-sizing:border-box}body{font-family:Arial,sans-serif;background-image:"linear-gradient(to right, #6a11cb, #2575fc)";color:#333}.container{width:90%;max-width:1200px;margin:0 auto;padding:40px 20px;text-align:center}.title{font-size:2.5em;margin-bottom:20px;color:#f0f8ff;text-transform:uppercase;letter-spacing:2px;text-shadow:4px 4px 5px #000}.loading{font-size:1.8em;color:#fff}.school-grid{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:30px;justify-items:center;background-color:#fff;border-radius:18px;justify-content:center}.school-card{width:100%;max-width:350px;background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:all .3s ease;text-align:left;cursor:pointer;position:relative;margin:12px;box-shadow:1px 2px 2px 1px #afafaf}.school-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 12px 20px rgba(0,0,0,.2)}.school-image{width:100%;height:200px;object-fit:cover;transition:all .4s ease}.school-card:hover .school-image{filter:brightness(.8)}.school-info{padding:20px;text-align:center}.school-name{font-size:1.8em;margin-bottom:8px;color:#222;text-transform:capitalize;transition:color .3s ease}.school-card:hover .school-name{color:#007bff}.school-address,.school-city{font-size:1em;color:#555;margin:5px 0;text-transform:capitalize}.school-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease}.school-card:hover:before{opacity:1}.no-schools{font-size:1.5em;color:#fff;margin-top:20px}.school-card:hover .school-info{animation:bounce .4s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:768px){.school-card{margin-bottom:20px}.title{font-size:2em}}form{background:#fff;padding:40px 30px;width:100%;max-width:500px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.1);margin:auto}h2{text-align:center;margin-bottom:20px;color:#333;letter-spacing:1px}input[type=email],input[type=file],input[type=number],input[type=text]{width:100%;padding:10px 15px;margin:10px 0;font-size:16px;border:2px solid #ddd;border-radius:5px;transition:all .3s ease}input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=text]:focus{border-color:#007bff;outline:none;box-shadow:0 0 8px rgba(0,123,255,.5)}span{color:red;font-size:.9em}button{width:100%;padding:10px 15px;font-size:16px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;margin-top:15px}button:hover{background:#0056b3;transform:translateY(-2px)}button:active{background:#004494;transform:translateY(1px)}span{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-input{width:100%;padding:12px 20px;margin-bottom:20px;font-size:16px;border:2px solid #ddd;border-radius:5px;transition:all .3s ease;background:#f9f9f9}.search-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 8px rgba(0,123,255,.5)}