.container-zone{
                display:flex;
                align-items:center;
                justify-content:center;
            }

            .account-panel{
                border-radius:18px;
                overflow:visible;
                width:500px;
            }

            .account-section-head{
                margin:0 0 10px;
                padding:0 2px;
                text-align:center;
            }

            .account-panel-body{
                padding:16px 18px 18px;
                background:var(--surface-soft);
                border:1px solid var(--surface-soft);
                border-radius:14px;
            }

            .account-field{
                width:50%;
                margin:0 auto;
                transition:all .25s ease;
            }

            .account-field label{
                display:block;
                font-size:.8rem;
                margin-bottom:4px;
                color:var(--subtext,#666);
            }

            .account-field input,
            .account-field select{
                width:100%;
                border-radius:10px;
                border:1px solid #e0e4ef;
                padding:9px 10px;
                font-size:.92rem;
                font-family:inherit;
                background:#fff;
                color:var(--text,#333);
                height:37px;
                box-sizing:border-box;
            }

            .account-field input:focus,
            .account-field select:focus{
                outline:none;
                border-color:var(--brand,#f7941d);
            }

            .account-field input::placeholder,
            .account-field textarea::placeholder{
                color:#dfdfdf;
                opacity:1;
            }

            .account-label-link{
                display:inline-block;
                font-size:.8rem;
                color:var(--subtext,#666);
                font-weight:500;
                text-decoration:none;
                cursor:pointer;
            }

            .account-label-link:hover{
                color:var(--brand);
                text-decoration:underline;
            }

            .recover-row{
                margin-top:6px;
                text-align:center;
            }

            #password-field{
                max-height:200px;
                opacity:1;
                overflow:hidden;
                transition:max-height .25s ease, opacity .25s ease, margin .25s ease;
            }

            .hidden-field{
                max-height:0 !important;
                opacity:0 !important;
                margin-top:0 !important;
                pointer-events:none;
                overflow:hidden;
            }

            .msg-ok{
                margin-bottom:12px;
                padding:10px 12px;
                border-radius:8px;
                background:#eef9f0;
                color:#256c2f;
                font-size:.92rem;
            }

            #register-section{
                transition:max-height .25s ease, opacity .25s ease, margin .25s ease;
                max-height:300px;
                opacity:1;
                overflow:hidden;
            }

            .hidden-section{
                opacity:0 !important;
                max-height:0 !important;
                overflow:hidden;
                margin:0 !important;
                padding:0 !important;
                pointer-events:none;
            }

            @media (max-width:640px){
                .account-panel{
                    padding:0 20px 0;
                    margin-bottom:50px;
                }

                .account-field{
                    width:80%;
                }
            }