.hero-section{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:6rem 0;text-align:center;position:relative;overflow:hidden}.hero-section h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-section p{font-size:1.2rem;margin-bottom:2rem;color:#ddd}.hero-section .btn-primary{background-color:#3498db;border-color:#3498db;padding:1rem 2rem;font-size:1.2rem;font-weight:600;border-radius:50px;box-shadow:0 4px 6px #0003}.hero-section .btn-primary:hover{background-color:#3498db;border-color:#3498db}.feature-section{padding:3rem 0;background-color:#f9f9f9}.feature-card{border:none;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center;transition:transform .2s ease-in-out;background-color:#fff}.feature-card:hover{transform:translateY(-3px)}.feature-card img{max-width:60px;margin-bottom:.75rem}.feature-card h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.feature-card p{font-size:.9rem;color:#555}.login-card{border:none;border-radius:15px;box-shadow:0 4px 8px #00000026}.login-card .card-header{background-color:#3498db;color:#fff;text-align:center;padding:1.25rem;font-size:1.35rem;font-weight:700;border-radius:15px 15px 0 0}.login-card .card-body{padding:2rem}.login-card .form-group{margin-bottom:1.5rem}.login-card label{font-weight:500;color:#333}.login-card .form-control{border-radius:25px;padding:.75rem 1rem;border:1px solid #bdc3c7}.login-card .form-control:focus{border-color:#3498db;box-shadow:none}.login-card .btn-primary{background-color:#3498db;border-color:#3498db;border-radius:25px;padding:.85rem 1.75rem;font-weight:500;transition:background-color .3s ease}.login-card .btn-primary:hover{background-color:#2980b9;border-color:#2980b9}/*!* Footer Styles *!*/.wave{position:absolute;bottom:0;left:0;width:100%;height:100px;background-size:1000px 100px;opacity:.4}.wave:nth-of-type(1){animation:wave 10s linear infinite;bottom:0}.wave:nth-of-type(2){animation:wave2 13s linear infinite;opacity:.7;bottom:10px}.wave:nth-of-type(3){animation:wave3 16s linear infinite;opacity:.2;bottom:15px}@keyframes wave{0%{background-position-x:0}to{background-position-x:1000px}}@keyframes wave2{0%{background-position-x:0}to{background-position-x:-1000px}}@keyframes wave3{0%{background-position-x:0}to{background-position-x:1000px}}