.elementor-212 .elementor-element.elementor-element-9b855b2{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-212 .elementor-element.elementor-element-9b855b2:not(.elementor-motion-effects-element-type-background), .elementor-212 .elementor-element.elementor-element-9b855b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://joshua-riane.com/wp-content/uploads/2026/07/F1.00_00_00_00.Still004.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(min-width:1025px){.elementor-212 .elementor-element.elementor-element-9b855b2:not(.elementor-motion-effects-element-type-background), .elementor-212 .elementor-element.elementor-element-9b855b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-212 .elementor-element.elementor-element-9b855b2:not(.elementor-motion-effects-element-type-background), .elementor-212 .elementor-element.elementor-element-9b855b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://joshua-riane.com/wp-content/uploads/2026/07/Mobile-BG.png");}.elementor-212 .elementor-element.elementor-element-9b855b2{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS for html, class: .elementor-element-c654880 */.wedding-login {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.password-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid rgba(255, 242, 211, 0.3);
    padding-bottom: 5px;
}

.password-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: #FFF2D3;
    transition: width 0.4s ease;
}

.password-wrapper:focus-within::after {
    width: 100%;
}

.password-wrapper input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #FFF2D3;
    font-family: "TAYBirdie", Sans-serif;
    font-size: 16px;
    padding: 5px 0;
}

.password-wrapper input::placeholder {
    color: rgba(255, 242, 211, 0.65);
    font-family: "TAYBirdie", Sans-serif;
    text-transform: uppercase;
}

.password-wrapper button {
    background: transparent;
    border: none;
    color: #FFF2D3;
    cursor: pointer;
    padding: 0;
    margin-left: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .3s ease, color .3s ease;
}

.password-wrapper button:hover {
    transform: translateX(4px);
    color: #FFF2D3;
    background:transparent !important;
}

.password-wrapper button svg {
    width: 16px;
    height: 16px;
}

/* Remove all default button styling */
.password-wrapper button,
.password-wrapper button:hover,
.password-wrapper button:focus,
.password-wrapper button:active,
.password-wrapper button:visited,
.password-wrapper button[type="submit"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #FFF2D3 !important;
    outline: none !important;
}

/* Keep the hover animation */
.password-wrapper button:hover {
    transform: translateX(4px);
}

/* Remove browser focus ring */
.password-wrapper button:focus-visible {
    outline: none;
}/* End custom CSS */