[et_pb_section fb_built=”1″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_row column_structure=”1_3,1_3,1_3″ _builder_version=”4.27.4″ _module_preset=”default” locked=”off” global_colors_info=”{}”][et_pb_column type=”1_3″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”]
Login to WaveRider
[/et_pb_text][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ custom_css_free_form=”/ Login form container /||form {|| background: #ffffff;|| padding: 30px;|| border-radius: 10px;|| box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);|| max-width: 400px;|| margin: auto;|| font-family: ‘Arial’, sans-serif;|| text-align: center;||}||||/ Input Fields /||input%91type=%22text%22%93,||input%91type=%22email%22%93,||input%91type=%22password%22%93 {|| width: 100%;|| padding: 12px;|| border: 1px solid #ddd;|| border-radius: 6px;|| font-size: 16px;|| background-color: #ffffff;|| transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;||}||||/ Input Fields Focus Effect /||input:focus {|| border-color: #0ABAB5;|| box-shadow: 0 0 5px rgba(10, 186, 181, 0.5);|| outline: none;||}||||/ View Password Button – Light Gray /||.password-toggle {|| background-color: #e0e0e0 !important;|| border: none;|| padding: 10px;|| border-radius: 6px;|| cursor: pointer;|| transition: background-color 0.3s ease-in-out;||}||||/ View Password Button Hover Effect /||.password-toggle:hover {|| background-color: #d6d6d6 !important;||}||||/ Login Button – Rounded like Spotify and Tiffany Teal /||button,||input%91type=%22submit%22%93 {|| width: 100%;|| background: #0ABAB5; / Tiffany Teal /|| color: white;|| padding: 14px 20px;|| border: none;|| border-radius: 50px; / Fully rounded button /|| font-size: 18px;|| font-weight: bold;|| text-transform: uppercase;|| cursor: pointer;|| transition: all 0.3s ease-in-out;|| display: flex;|| justify-content: center;|| align-items: center;|| text-align: center;||}||||/ Login Button Hover Effect /||button:hover,||input%91type=%22submit%22%93:hover {|| background: #089f98; / Slightly darker Tiffany Teal /|| box-shadow: 0 5px 15px rgba(10, 186, 181, 0.3);||}||||/ Forgot Password Link /||.forgot-password {|| display: block;|| text-align: center;|| margin-top: 15px;|| font-size: 14px;|| color: #666;|| text-decoration: none;|| transition: color 0.3s ease-in-out;||}||||.forgot-password:hover {|| color: #0ABAB5;|| text-decoration: underline;||}||||/ Divider for %22or%22 /||.divider {|| display: flex;|| align-items: center;|| text-align: center;|| margin: 20px 0;|| color: #888;|| font-size: 14px;||}||||.divider::before,||.divider::after {|| content: %22%22;|| flex: 1;|| border-bottom: 1px solid #ddd;|| margin: 0 10px;||}||||/ Social Login Section /||.social-login {|| display: flex;|| flex-direction: column;|| gap: 10px;|| margin-bottom: 20px;||}||||/ Style for Social Login Buttons /||.social-btn {|| display: flex;|| align-items: center;|| justify-content: center;|| background: none;|| color: black;|| border: 1px solid #ccc;|| padding: 12px;|| border-radius: 50px; / Fully rounded button /|| font-size: 16px;|| font-weight: bold;|| cursor: pointer;|| transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;|| width: 100%;|| max-width: 400px;|| text-align: center;||}||||/ Hover Effect /||.social-btn:hover {|| background-color: #f2f2f2;|| border-color: #999;||}||||/ Style for Google Login /||.google-login {|| display: flex;|| align-items: center;|| gap: 10px;|| font-size: 16px;|| font-weight: bold;|| justify-content: center;|| padding: 12px 20px;|| border-radius: 50px; / Fully rounded /|| border: 1px solid #ddd;|| background-color: #ffffff;|| color: #333;|| transition: all 0.3s ease-in-out;||}||||/ Google Button Hover Effect /||.google-login:hover {|| background-color: #f5f5f5;||}||||/ Mobile Responsive /||@media (max-width: 480px) {|| form {|| max-width: 100%;|| padding: 20px;|| }||}||” global_colors_info=”{}” sticky_enabled=”0″][mepr-login-form use_redirect=”true”][/et_pb_code][/et_pb_column][et_pb_column type=”1_3″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][/et_pb_column][/et_pb_row][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” min_height=”83.8px” custom_margin=”|auto|-50px|auto||” locked=”off” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_divider _builder_version=”4.27.4″ _module_preset=”default” custom_margin=”||-1px||false|false” global_colors_info=”{}”][/et_pb_divider][et_pb_text _builder_version=”4.27.4″ _module_preset=”default” locked=”off” global_colors_info=”{}”]
Don’t have an account? Sign up for WaveRider
This site is protected by reCAPTCHA and the Google
Privacy Policy and Terms of Service apply.
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section]